-ms-scrollbar-3dlight-color

Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

La propriété -ms-scrollbar-3dlight-color est une propriété spécifique à Microsoft qui définit la couleur pour les bords haut et gauche de la boîte de défilement et pour les flèches de la barre de défilement.

Syntaxe

La valeur de -ms-scrollbar-3dlight-color est définie avec une couleur.

Valeurs

<color>

Une couleur (cf. type <color>) qui sera utilisée pour les bords gauche et haut de la boîte de défilement et pour les flèches de l'ascenseur.

Syntaxe formelle

<color>


<color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>


<rgb()> = rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )
<rgba()> = rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )
<hsl()> = hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue>, <percentage>, <percentage>, <alpha-value>? )
<hsla()> = hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue>, <percentage>, <percentage>, <alpha-value>? )


<alpha-value> = <number> | <percentage>
<hue> = <number> | <angle>

Exemples

L'exemple qui suit illustre comment appliquer la propriété -ms-scrollbar-3dlight-color à un élément <textarea>.

HTML

<textarea class="Blue3dLight">
  The top and left edges of the thumb and 
  button-face elements in the scroll bar for
  this element will be blue.
</textarea>

CSS

.Blue3dLight {
  -ms-scrollbar-3dlight-color: blue;
  scrollbar-3dlight-color: blue; /* Use the standard when available. */
}

Compatibilité des navigateurs

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple Non Non Non5 —? Non Non
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Support simple Non Non Non Non Non Non Non

Spécifications

Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.

Valeur initialedépend de l'agent utilisateur
Applicabilitétous les éléments
Héritéeoui
Médiavisuel
Valeur calculéecomme spécifié
Type d'animationdiscrète
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

Notes

Cette propriété est disponible à partir de Internet Explorer 8.

La boîte de défilement est la boîte carrée dans laquelle une barre de défilement peut être déplacée de haut en bas ou de gauche à droite afin de modifier la position du contenu sur l'écran. Les flèches de défilement sont situées aux extrémités de l'ascenseur et permettent de faire défiler le contenu.

Cette propriété s'applique aux éléments qui affichent un ascenseur (notamment via la propriété overflow).

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight
Dernière mise à jour par : SphinxKnight,