Attribut border-top-left-radius CSS

Définition et utilisation

L'attribut border-top-left-radius définit la forme du coin supérieur gauche du bord.

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

Voir également :

Tutoriel CSS3 :Bord CSS3

Exemple

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

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

Essayez-le vous-même

Syntaxe CSS

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

Remarque :La valeur de longueur de l'attribut border-top-left-radius et la valeur en pourcentage définissent le rayon du quart de cercle (définissant la forme des coins externes des bords) 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 valeur de la première valeur est copiée. Si la longueur est zéro, le coin est carré plutôt que 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 du coin inférieur gauche. Test
% Définir la forme du coin inférieur gauche en pourcentage. Test

Détails techniques

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

Prise en charge 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