CSS:-moz-outline-style

Un article de MDC.

« Référence CSS « Référence CSS:Extensions Mozilla

[modifier] Résumé

Dans les applications Mozilla, -moz-outline-style est utilisé pour définir le styles du contour d'un élément. Un contour est une ligne dessinée autour d'éléments, en dehors des côtés de la bordure, pour faire ressortir l'élément :

• Valeur initiale : none
• S'applique à : tous les éléments
• Héritée : non

Depuis Mozilla 1.8 / Firefox 1.5, la propriété standard CSS2.1 outline-style est correctement supportée. Il est préférable d'utiliser outline-style plutôt que -moz-outline-style.

[modifier] Syntaxe

-moz-outline-style: <style> | inherit

[modifier] Valeurs

<style> peut prendre l'une des valeurs suivantes :

none 

Pas de contour (-moz-outline-width est égale à 0).

dotted 

Le contour est une série de points.

dashed 

Le contour est une série de segments de droite.

solid 

Le contour est une ligne continue unique.

double 

Le contour est une double ligne continue. -moz-outline-width est la somme des deux lignes et de l'espace qui les sépare.

groove 

Le contour semble gravé dans la page.

ridge 

L'opposé de groove : le contour semble sortir de la page.

inset 

Le contour semble faire incruster la boîte dans la page.

outset 

L'opposé de inset: le contour semble faire sortir la boîte de la page.

[modifier] Propriétés connexes

• -moz-outline définit le contour d'un élément.
• -moz-outline-color définit la couleur du contour d'un élément.
• -moz-outline-offset décale le contour d'un élément.
• -moz-outline-radius définit l'arrondi des coins du contour d'un élément.
• -moz-outline-radius-bottomleft définit l'arrondi du coin inférieur gauche du contour d'un élément.
• -moz-outline-radius-bottomright définit l'arrondi du coin inférieur droit du contour d'un élément.
• -moz-outline-radius-topleft définit l'arrondi du coin supérieur gauche du contour d'un élément.
• -moz-outline-radius-topright définit l'arrondi du coin supérieur droit du contour d'un élément.
• -moz-outline-style définit le style de contour d'un élément.
• -moz-outline-width définit la largeur du contour d'un élément.

[modifier] Exemples

hbox.example {
  /* Donne un effet de gravure 3D au contour */
  -moz-outline-style: groove;
}