La propriété de feuille de style css border-radius permet de d'arrondir les coins d'une bordure.
Exemple de code :
.identifiant{
border-radius : 5px;
} les valeurs de :
- numérique suivie de px ou %(prend pour base width pour l'horizontal et height pour le verticale) ou pt ou em.
Si la propriété de feuille de style css border-radius est suivie d'une seule valeur alors cette valeur est appliquée à tous les coins de l'élément.
Si la propriété de feuille de style css border-radius est suivie de deux valeurs alors la première valeur est appliquée aux marges intérieures horizontales et la seconde aux marges intérieures verticales.Il existe des "sous propriétés" qui fonctionnent avec 1 ou 2 valeurs :
border-bottom-left-radius
border-bottom-right-radius
border-top-left-radius
border-top-right-radiusEvolution pour les versions CSS3 : Chaque valeur accepte un format
liste valeurs / liste valeurs. La première liste représente les rayons horizontaux des coins, la deuxième liste représente les rayons verticaux des coins
Exemple de code :Exemple de code :
.identifiant{
border-radius : 10px 10px / 5px 5px;
} La propriété de feuille de style border-radius css est reconnue que par Internet Explore 9+, Chrome 4+, FireFox 4.0, Opera 10.5+ et Safari 5.0+