scrollbar-face-color

Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

La propriété scrollbar-face-color permet à un auteur d'indiquer la couleur du curseur de défilement.

Valeur introuvable dans la base de données

Syntaxe

/* Valeurs avec un mot-clé */
scrollbar-face-color: auto;

/* Valeurs avec une couleur */
/* (type <color>) */
scrollbar-face-color: rebeccapurple;

/* Valeurs globales */
scrollbar-face-color: inherit;
scrollbar-face-color: initial;
scrollbar-face-color: unset;

Valeurs

<scrollbar-face-color>
Une valeur définissant la couleur.
 
auto

Utilise le rendu par défaut du système pour la barre de défilement si aucune autre couleur n'est indiquée pour la mise en forme CSS de la barre de défilement.

<color> Applique la couleur indiquée pour le curseur de la barre et éventuellement pour les autres parties de la barre de défilement.

Note : Pour toute valeur de scrollbar-face-color, les agents utilisateur doivent appliquer la valeur sur l'élément racine de la zone d'affichage (viewport).

Note : Si la couleur d'une partie de la barre de défilement est indiquée, les implémentations peuvent afficher une barre de défilement simple (plutôt que celle provenant du système) afin de la colorer avec la/les couleur(s) indiquée(s).

Syntaxe formelle

La syntaxe n'a pas été trouvée !

Exemples

CSS

.scroller {
  width: 300px;
  height: 100px;
  overflow-y: scroll;
  scrollbar-face-color: rebeccapurple;
}

HTML

<div class="scroller">Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic. Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.</div>

Résultat

Spécifications

Spécification État Commentaires
CSS Scrollbars Level 1
La définition de 'scrollbar-face-color' dans cette spécification.
Version de travail Définition initiale.

Compatibilité des navigateurs

No compatibility data found. Please contribute data for "css.properties.scrollbar-face-color" (depth: 1) to the MDN compatibility data repository.

Étiquettes et contributeurs liés au document

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