-moz-border-radius

NN 6 IE s.o. CSS s.o.

Hérité: non

Cette forme courte d'attribut permet de définir le rayon d'un ou plusieurs coins de bordure. Le nombre de valeurs spécifiées détermine à quels côtés de la bordure ces valeurs doivent être appliquées. Cette configuration diffère de la configuration des valeurs d'attribut border-radius préliminaire de CSS3.

Syntaxe CSS

-moz-border-radius: radius {1,4}

Valeur

Vous pouvez définir un rayon d'angle de bordure au moyen d'une mesure de longueur (la longueur du rayon du cercle imaginaire qui a produit le coin arrondi). Plus la valeur est élevée, plus les angles seront arrondis. Le pixel est l'unité de mesure la plus appropriée pour l'affichage écran. Vous pouvez également utiliser une valeur de pourcentage comprise entre 0% (pas d'arrondi) à 50% (arrondi maximal). Ce bord arrondi ne rogne pas le contenu de l'élément.

Cet attribut accepte une, deux, trois ou quatre valeurs radius, selon le nombre de coins et les coins spécifiques auxquels vous souhaitez appliquer l'arrondi. Les valeurs spécifiées sont interprétées comme l'indique le tableau suivant.

Nombre de valeurs	Effet
1	La valeur spécifiée est appliquée aux quatre coins.
2	La première valeur est appliquée aux coins supérieur gauche et inférieur droit, et la seconde, aux coins supérieur droit et inférieur gauche
3	La première valeur est appliquée au coin supérieur gauche, la deuxième aux coins supérieur droit et inférieur gauche, et la troisième, au coin inférieur droit
4	Les angles supérieur gauche, supérieur droit, inférieur droit et inférieur gauche sont respectivement définis

Valeur initiale

Exemple

div.hotbox {-moz-border-radius:20px}
div.circle {-moz-border-radius:50%}

S'applique à

Tous les éléments.