-moz-outline-radius

par 4 contributeurs :

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

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

Syntaxe

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

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.

Propriétés connexes

  • définit le contour d'un élément.
  • définit la couleur du contour d'un élément.
  • décale le contour d'un élément.
  • définit l'arrondi des coins du contour d'un élément.
  • définit l'arrondi du coin inférieur gauche du contour d'un élément.
  • définit l'arrondi du coin inférieur droit du contour d'un élément.
  • définit l'arrondi du coin supérieur gauche du contour d'un élément.
  • définit l'arrondi du coin supérieur droit du contour d'un élément.
  • définit le style de contour d'un élément.
  • définit la largeur du contour d'un élément.

Exemples

hbox.exemple {
  -moz-outline: #000000 solid 10px;
  width: 500px;
  height: 500px;
  /* Le contour sera incurvé à la manière d'unD */
  -moz-outline-radius: 10px 200px 200px 10px;
}

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

Interwiki Languages Links

Étiquettes et contributeurs liés au document

Contributeurs à cette page : teoli, FredB, Kyodev, Fredchat
Dernière mise à jour par : teoli,