La propriété de feuille de style css -moz-border-radius permet d'arrondir les coins d'une bordure.
Exemple de code :
.identifiant{
-moz-border-radius : 5px 10px;
} les valeurs de :
- nombre, suivie de px ou %(par rapport taille du bloc) ou pt ou em. Accepte de une à quatre valeurs à la suite.
- inherit, hérite de son parent.Si
la propriété de feuille de style -moz-border-radius css est suivie deux valeurs alors la première valeur correspond aux coins haut-gauche et bas-droit; la seconde valeur correspond aux coins bas-gauche et haut-droit.
Si
la propriété de feuille de style -moz-border-radius css est suivie quatre valeurs, alors chaque valeurs correspondent à un coin (haut-gauche, haut-droit, bas-droit, bas gauche).
Il existe des "sous propriétés" qui fonctionnent avec 1 ou 2 valeurs :
-moz-border-radius-topleft
-moz-border-radius-topright
-moz-border-radius-bottomright
-moz-border-radius-bottomleftEvolution pour les versions >=Firefox 3.5 :Chaque valeur accepte un format
liste valeurs / liste valeurs. La première liste représente les rayons horizontaux des coins, la deuxième liste représente les rayons verticaux des coins
Exemple de code :
.identifiant{
-moz-border-radius : 10px 10px / 5px 5px;
}