CSS3 border-bottom-left-radiusPropriété

Exemple

Ajouter des bordures aux coins arrondis au coin inférieur gauche d'un élément div :

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

Prise en charge des navigateurs

Les nombres dans le tableau indiquent le premier numéro de version du navigateur qui prend en charge la propriété.

Les nombres précédant immédiatement -webkit-, -ms-, ou -moz- sont les premiers numéros de version de navigateur qui prennent en charge la propriété préfixée.

Propriété
border-radius	9.0	5.0 4.0 -webkit-	4.0 3.0 -moz-	5.0 3.1 -webkit-	10.5

Définition de la propriété et instructions d'utilisation

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

Astuce :Cette propriété vous permet d'ajouter des bordures aux coins arrondis aux éléments !

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

Syntaxe

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

Remarque :Remarque : Si vous définissez deux valeurs, la première est utilisée pour la bordure inférieure et la seconde pour la bordure gauche. Si la seconde valeur est omise, elle est copiée à partir de la première valeur. Lorsque l'une des valeurs est 0, le coin arrondi ne sera pas défini, et ce coin sera affiché à angle droit.

/* 圆形 */
/* border-bottom-left-radius: radius */
border-bottom-left-radius: 3px;

/* 椭圆形 */
/* border-bottom-left-radius: 水平方向 垂直方向 */
border-bottom-left-radius: 0.5em 1em;

border-bottom-left-radius: inherit;

Valeur	Description
longueur	Définit la forme du coin inférieur droit.
%	Utilisez % pour définir la forme du coin inférieur droit.

Articles connexes

Tutoriel CSS3 :Bordure CSS3

autres extensions

CSS propriété