border-radius
Table of Contents
Résumé
La propriété CSS border-radius peut être utilisée pour arrondir les coins des
bordures. Le rayon s'applique aussi à background même si l'élément n'a pas de
bordure.
border-radius est un raccourci pour déterminer les quatre propriétés
border-top-left-radius, border-top-right-radius,
border-bottom-right-radius et border-bottom-left-radius.
git update make autoloads
Syntaxe
Valeurs
Accepte une, deux, trois ou quatre valeurs de <border-radius>, suivies d'un
second ensemble de valeurs optionelles séparées par un slash /. <border-radius>
utilise un des types :
Si une valeur est définie, le rayon est appliqué aux 4 coins.
Si deux valeurs sont définies, la première s'applique aux coins top-left et
bottom-right, la seconde s'applique aux coins top-right et bottom-left.
Quatre valeurs s'appliquent dans l'ordre suivant aux coins top-left, top-right,
bottom-right, bottom-left.
Trois valeurs : la seconde valeur s'applique aux coins top-right et
bottom-left.
Si le slash suivi d'un second ensemble de rayons est défini, les valeurs précédant le slash définissent les rayons horizontaux, tandis que les valeurs suivant le slash définissent les rayons verticaux. Si le slash est oublié, les rayons verticaux et horizontaux seront définis avec les mêmes rayons.