Propriété border-top-left-radius

La propriété border-top-left-radius crée un arrondi pour le coin supé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-top-left-radius: valeur;
}

Exemple

Définissons un arrondi de 10px pour le coin supérieur gauche :

<div id="elem"></div>

#elem {
	border-top-left-radius: 10px;
	border: 1px solid black;
	width: 300px;
	height: 100px;
}

Voir aussi

la propriété border-top-right-radius,
qui définit l'arrondi pour le coin supérieur droit
la propriété border-bottom-left-radius,
qui définit l'arrondi pour le coin inférieur gauche
la propriété border-bottom-right-radius,
qui définit l'arrondi pour le coin inférieur droit
la propriété border-radius,
qui définit l'arrondi pour tous les coins simultanément
la propriété border,
qui est une propriété raccourcie pour la bordure