Statut du document: CR (document candidat à la recommandation)
-->
Description des propriétés de personnalisation des barres de défilement.
✗
Attention ! Ces propriétés ne sont pas standardisées par le W3C. Évitez absolument de les utiliser.
Le rôle de ces propriétés est de définir les couleurs des différentes parties qui constituent les barres de défilement (ascenseurs) :
les flèches, la glissière, etc.
scrollbar-3dlight-color : couleur de la bordure avec un effet de relief, coté éclairé.
scrollbar-arrow-color : couleur des pointes de flèche.
scrollbar-base-color : couleur de base des barres de défilement, pour les parties dont la couleur n'est pas définie.
scrollbar-base-darkshadow-color : couleur de la partie ombrée des barres de défilement.
scrollbar-face-color : couleur du curseur de la barre de défilement.
scrollbar-highlight-color : couleur du côté éclairé.
Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.
Exemple interactif avec la propriété scrollbar-width.
Pour faire fonctionner ce simulateur, vous devrez utiliser un vieux navigateur : Internet Explorer.
scrollbar-arrow-color :
scrollbar-track-color :
scrollbar-3dlight-color :
scrollbar-base-color :
scrollbar-base-darkshadow-color :
scrollbar-face-color :
scrollbar-highlight-color :
scrollbar-shadow-color :
Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.
Prise en charge par les navigateurs (compatibilité).
Ces propriétés ne sont pas standardisées. Elles ne sont reconnues par aucun des navigateurs actuels.
Colonne 1
Prise en charge par les navigateurs de la personnalisation des barres de défilement.
Colonne 2
Prise en charge par les navigateurs de la propriété scrollbar-width qui gère l'épaisseur des barres de défilement.
Remarques :
(1) Supporte seulement la couleur via une propriété préfixée. Pas de propriétés pour définir l'apparence des barres de défilement.
(2) Supporte la stylisation des barres de défilement via un sélecteur : ::-webkit-scrollbar.
1
Stilisation des barres
2
Propriété scrollbar-width
Estimation de la prise en charge globale.
73%
85%
Navigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :
Internet Explorer
2
UC Browser pour Androïd
2
Opéra Mobile
2
QQ Browser
2
Baidu Browser
2
Samsung Internet
Firefox
Safari
2
Safari sur IOS
Chrome
Opéra
Edge
Chrome pour Androïd
Firefox pour Androïd
Androïd Brower
2
KaiOS Browser
Opéra mini
Voir le site Caniuse.com pour plus d'informations de compatibilité.