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.

VOIR AUSSI