خصائص دائرة الحدود السفلية اليسرى CSS

Définition et utilisation

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

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

Voir aussi :

Tutoriel CSS3 :حواف CSS3

Exemple

Ajouter un bord arrondi inférieur gauche à l'élément div :

div
{
border:2px solide;
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 l'attribut border-bottom-left-radius définissent le rayon du quart de cercle (définissant la forme des coins des bords extérieurs) du quart de cercle (définissant la forme des coins des bords extérieurs). 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 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 : objet.style.borderBottomLeftRadius="5px"

Prise en charge du navigateur

Les nombres 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