Radius

Arrondis d'angle

border-radius est une propriété CSS qui permet d'ajouter des coins arrondis à un élément HTML. En utilisant cette propriété, vous pouvez spécifier le rayon de courbure des coins d'un élément, ce qui lui donne un aspect plus doux et moins anguleux.

La syntaxe générale de la propriété "border-radius" est la suivante :

/* Coins arrondis avec un rayon de 5 pixels */
border-radius: 5px;

/* Coins arrondis avec un rayon de 10 pixels en haut et en bas, 5 pixels à gauche et à droite */
border-radius: 10px 5px;

/* Coins arrondis avec un rayon de 50% de la largeur de l'élément */
border-radius: 50%;

La propriété border-radius peut également accepter jusqu'à quatre valeurs séparées par des espaces, spécifiant le rayon de courbure pour chaque coin individuellement dans l'ordre : coin supérieur gauche, coin supérieur droit, coin inférieur droit, coin inférieur gauche.

Par exemple :

/* Coins arrondis avec des rayons de 10 pixels pour chaque coin */
border-radius: 10px 10px 10px 10px;