Coins arrondis

La propriété border-radius permet de définir le rayon du coin d’un élément. Cette propriété permet de créer des coins arrondis pour un élément.

La propriété border-radius

Cette propriété est en fait le raccourci des propriétés border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius.

La propriété raccourcie ne reçoit qu’une valeur : le nombre de pixels de rayon pour arrondir les angles.

Exemple :

img {
    border-radius: 7px;
}

Définir l’arrondi pour chaque coin

La propriété raccourcie border-radius peut également recevoir 1 à 4 valeurs afin de définir un arrondi pour chaque coin.

4 valeurs