Propriété border-bottom-left-radius CSS

Définition et utilisation

La propriété border-bottom-left-radius définit la forme du coin inférieur gauche de la bordure.

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 au coin inférieur gauche de l'élément div :

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

Essayez-le vous-même

Syntaxe CSS

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

Remarque :La valeur de longueur et le pourcentage de border-bottom-left-radius définissent le rayon (radii) du quart de cercle (définissant la forme des coins externes de la bordure) : 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é au lieu de circulaire. Le pourcentage du rayon horizontal fait référence à la largeur de la boîte de bordure, et le pourcentage du rayon vertical fait référence à 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.borderBottomLeftRadius="5px"

Support du navigateur

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété.

Les nombres avec -webkit- ou -moz- indiquent la première version utilisant le préfixe.

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