-moz-outline-style

Résumé

La propriété CSS outline-style est utilisée pour définie le style du contour d'un élément. Un contour est une ligne dessinée autour des éléments, à l'extérieur de la bordure pour faire ressortir cet élément.

Il est souvent plus pratique d'utiliser la fonction raccourcie outline plutôt que outline-style, outline-width et outline-color.

Dans les navigateurs utilisant une version de Gecko 1.8 et inférieures (Firefox 1.5) cet effet peut être réalisé en utilisant la propriété préfixée -moz-outline-style.

Syntaxe

outline-style:  auto | <border-style> | inherit

Valeurs

<border-style> peut être n'importe lequel de :

none
Pas de contour (outline-width vaut 0).
dotted
Le contour est une suite de points.
dashed
Le contour est une suite de segments courts.
solid
Le contour est une ligne continue.
double
Le contour est formé de deux lignes continues. La valeur de outline-width est la somme des deux lignes et de l'espacement entre elles.
groove
Le contour donne l'impression d'être encadré comme une toile.
ridge
À l'opposé de groove : le contour donne l'impression de sortir du fond.
inset
Le contour donne l'impression que la boîte est incluse dans un cadre.
outset
À l'opposé de inset : le contour donne l'impression que la boîte sort du fond.

Exemples

.example {  /* donne un style 3D au contour */
 
            outline-style: groove;        /* même résultat que "outline: groove" */ 
}

Spécifications

Voir outline.

Compatibilité des navigateurs

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support de base  1.0 1.5 (1.8) 8.0 7.0 1.2 (125)
Fonction Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base ? ? ? ? ?

Voir également

Outline-related properties: outline, outline-width, outline-style, outline-color, outline-offset

Étiquettes et contributeurs liés au document

Contributeurs ayant participé à cette page : FredB
Dernière mise à jour par : FredB,
Masquer la barre latérale