Attribut border-bottom-right-radius CSS

Définition et utilisation

L'attribut border-bottom-right-radius définit la forme du coin droit inférieur de la bordure.

Astuce :Cette propriété vous permet d'ajouter des bords arrondis à l'élément.

Voir également :

Tutoriel CSS3 :Bordure CSS3

Exemple

Ajouter un bord arrondi à la coin droit inférieur de l'élément div :

div
{
border:2px solid;
border-bottom-right-radius:2em;
}

Essayez-le vous-même

Syntaxe CSS

border-bottom-right-radius: length|% [length|%];

Remarque :La valeur de longueur et le pourcentage de l'attribut border-bottom-right-radius définissent le rayon du quart de cercle (définissant la forme des coins externes de la bordure) du radius (radii). La première valeur est le rayon horizontal, la deuxième valeur est le rayon vertical. Si la deuxième valeur est omise, la première valeur est copiée. Si la longueur est zéro, le coin est carré au lieu de circulaire. Le pourcentage du rayon horizontal se réfère à la largeur de la boîte de bordure, et le pourcentage du rayon vertical se réfère à la hauteur de la boîte de bordure.

Valeur de l'attribut

Valeur Description Test
length Définir la forme de la coin droit inférieur. Test
% Définir la forme de la coin droit inférieur en pourcentage. Test

Détails techniques

Valeur par défaut : 0
Héritabilité : non
Version : CSS3
Syntaxe JavaScript : object.style.borderBottomRightRadius="5px"

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5