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.
Le pseudo-élément ::-ms-ticks-before
est une extension Microsoft qui permet d'appliquer un ou plusieurs styles aux graduations d'une piste qui sont situées avant le curseur (la piste est celle d'un contrôle <input type="range">
). Pour une disposition avec une écriture de gauche à droite, les marques sont situées au-dessus de la piste. Pour une disposition avec une écriture de haut en bas, les marques sont situées à gauche de la piste.
Par défaut, les marques ne sont pas affichées, il est nécessaire d'utiliser la valeur block
pour la propriété display
.
Il est possible d'utiliser simultanément les sélecteurs ::-ms-ticks-after
, ::-ms-ticks-before
et ::-ms-track
mais cela créera alors trois ensembles de marques, ce qui n'est pas recommandé. Pour une meilleure ergonomie, il est conseillé de n'utiliser qu'un seul ensemble de marque. Pour retirer les marques, on pourra utiliser la valeur transparent
sur la propriété color
.
Propriétés autorisées
Voici les propriétés qui peuvent être définies dans les styles associés à ce pseudo-élément (les autres propriétés seront ignorées) :
background-clip
background-color
background-image
background-origin
-ms-background-position-x
-ms-background-position-y
background-repeat
background-size
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-left-color
border-left-style
border-left-width
border-right-color
border-right-style
border-right-width
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
box-shadow
box-sizing
color
cursor
display
: prise en charge pour ces valeurs :block
,inline-block
,none
.@font-face
font-size
font-style
font-weight
height
-ms-high-contrast-adjust
margin-bottom
margin-left
margin-right
margin-top
opacity
outline-color
outline-style
outline-width
padding-bottom
padding-left
padding-right
padding-top
transform
transform-origin
visibility
width
Syntaxe
::-ms-ticks-before