-moz-border-radius

Résumé

Dans les applications Mozilla, -moz-border-radius peut être utilisée pour définir des coins arrondis aux bordures.

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

-moz-border-radius était l'une des propositions conduisant à la propriété border-radius proposée pour CSS 3, qui n'a pas encore atteint le statut de « Candidate Recommendation » (appel pour implémentation). Cependant, la propriété border-radius proposée permet des arrondis elliptiques, mais n'autorise pas des valeurs différentes pour chaque coin.

-moz-border-radius ne s'applique pas aux éléments de tableau lorsque border-collapse a la valeur collapse.

Syntaxe

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

Valeurs

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

<length>

une dimension

<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

• -moz-border-radius-bottomleft définit l'arrondi de la courbe en bas à gauche.
• -moz-border-radius-bottomright définit l'arrondi de la courbe en bas à droite.
• -moz-border-radius-topleft définit l'arrondi de la courbe en haut à gauche.
• -moz-border-radius-topright définit l'arrondi de la courbe en haut à droite.

Exemples

hbox.example {
  border: 10px solid #000000;
  width: 500px;
  height: 500px;
  /* La bordure s'incurvera en forme de 'D' */
  -moz-border-radius: 10px 200px 200px 10px;
}

Bogues connus

• 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

Voir également

-moz-border-radius , -moz-border-radius-topleft , -moz-border-radius-topright , -moz-border-radius-bottomright , -moz-border-radius-bottomleft