Propriété border-bottom-left-radius
La propriété border-bottom-left-radius
crée un arrondi pour l'angle inférieur gauche
de la bordure et de l'arrière-plan. La valeur de la propriété peut être
exprimée dans n'importe quelle unité
de taille. La valeur par défaut est : 0.
Syntaxe
sélecteur {
border-bottom-left-radius: valeur;
}
Exemple
Définissons un arrondi de 10px pour l'angle
inférieur gauche :
<div id="elem"></div>
#elem {
border-bottom-left-radius: 10px;
border: 1px solid black;
width: 300px;
height: 100px;
}
:
Voir aussi
-
la propriété
border-top-left-radius,
qui définit l'arrondi pour l'angle supérieur gauche -
la propriété
border-top-right-radius,
qui définit l'arrondi pour l'angle supérieur droit -
la propriété
border-bottom-right-radius,
qui définit l'arrondi pour l'angle inférieur droit -
la propriété
border-radius,
qui définit l'arrondi simultanément pour tous les angles -
la propriété
border,
qui est une propriété raccourcie pour la bordure