CSS:-moz-outline-radius

Un article de MDC.

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

[modifier] Résumé

Dans les applications Mozilla, -moz-outline-radius peut être utilisée pour définir des coins arrondis au contour. Un contour est une ligne dessinée autour d'éléments, en dehors de la bordure, pour mettre en valeur l'élément :

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

[modifier] Syntaxe

-moz-outline-radius: <outline-radius>{1,4} | inherit ;

[modifier] Valeurs

<outline-radius> représente l'une des valeurs suivantes :

<length> 

Une longueur.

<percentage> 

Un pourcentage, relatif à la largeur de la boîte.

Les 4 valeurs sont alors utilisées dans l'ordre haut gauche, haut droit, bas droit et bas gauche. Si moins de 4 valeurs sont renseignées, la liste des valeurs est répétée pour remplir les valeurs restantes.

[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.exemple {
  -moz-outline: #000000 solid 10px;
  width: 500px;
  height: 500px;
  /* Le contour sera incurvé à la manière d'un D */
  -moz-outline-radius: 10px 200px 200px 10px;
}

[modifier] Bogues connus

Ces bogues sont identiques à ceux de la propriété -moz-border-radius.

• Les images d'arrière-plan débordent au-delà des bordures arrondies. bug 24998
• Les bordures arrondies ne supportent que la valeur solid pour border-style. bug 13944