Propriété border-top-right-radius CSS

Définition et utilisation

L'attribut border-top-right-radius définit la forme du coin inférieur droit du bord.

Astuce :Cette propriété vous permet d'ajouter un bord arrondi à l'élément.

Voir également :

Tutoriel CSS3 :Bordure CSS3

Exemple

Ajouter un bord arrondi à l'angle supérieur droit de l'élément div :

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

Essayez-le vous-même

Syntaxe CSS

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

Remarque :La valeur de longueur et le pourcentage de l'attribut border-top-right-radius définissent le rayon (rayons) d'un quart de cercle (définissant la forme des coins externes des bords). 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 rond. 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 l'angle supérieur droit. Test
% Définir la forme de l'angle supérieur droit en pourcentage. Test

Détails techniques

Valeur par défaut : 0
Héritabilité : non
Version : CSS3
Syntaxe JavaScript : object.style.borderTopRightRadius="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