CSS3 border-bottom-right-radiusPropriété
Exemple
Ajoutez des coins arrondis au coin inférieur droit d'un élément div :
Essayez-le vous-même »
Prise en charge des navigateurs
Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge la propriété.
Le nombre précédant -webkit-, -ms- ou -moz- est la première version du navigateur qui prend en charge la propriété préfixée.
| Propriété | |||||
|---|---|---|---|---|---|
| border-radius | 9.0 | 5.0 4.0 -webkit- | 4.0 3.0 -moz- | 5.0 3.1 -webkit- | 10.5 |
Définition de la propriété et notes d'utilisation
La propriété border-right-radius définit la forme de la bordure inférieure droite.
Astuce :Cette propriété vous permet d'ajouter des coins arrondis à un élément !
| Valeur par défaut : | 0 |
|---|---|
| Héritée : | non |
| version : | CSS3 |
| Syntaxe JavaScript : | object object.style.borderBottomRightRadius="5px" |
Syntaxe
Remarque :Les deux valeurs de longueur ou de pourcentage de la propriété border-right-radius définissent la forme du coin au niveau du bord extérieur comme un quart d'ellipse. La première valeur est le rayon horizontal, et la seconde est le rayon vertical. Si la seconde valeur est omise, elle est copiée à partir de la première. Si l'une des longueurs est zéro, le coin est carré, et non arrondi. Les pourcentages pour le rayon horizontal se réfèrent à la largeur de la boîte de bordure, tandis que les pourcentages pour le rayon vertical se réfèrent à la hauteur de la boîte de bordure.
| Valeur | Description |
|---|---|
| longueur | Définit la forme du coin inférieur droit. |
| % | Définit la forme du coin inférieur droit en utilisant %. |
Articles connexes
Tutoriel CSS3 :Bordures CSS3
autres extensions