-moz-outline-radius

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.

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 initialepour chaque propriété individuelle de la propriété raccourcie :
S'applique àtous les éléments
Héritéenon
Pourcentagespour chaque propriété individuelle de la propriété raccourcie :
Médiavisual
Valeur calculéepour chaque propriété individuelle de la propriété raccourcie :
Animablepour chaque propriété individuelle de la propriété raccourcie :
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

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.

Exemples

hbox.exemple {
  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

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