Proprietà border-top-left-radius

La proprietà border-top-left-radius crea un arrotondamento per l'angolo superiore sinistro del bordo e dello sfondo. Il valore della proprietà può essere qualsiasi unità di misura per dimensioni. Valore predefinito: 0.

Sintassi

selettore {
	border-top-left-radius: valore;
}

Esempio

Impostiamo un arrotondamento di 10px per l'angolo superiore sinistro:

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

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

Vedi anche

proprietà border-top-right-radius,
che imposta l'arrotondamento per l'angolo superiore destro
proprietà border-bottom-left-radius,
che imposta l'arrotondamento per l'angolo inferiore sinistro
proprietà border-bottom-right-radius,
che imposta l'arrotondamento per l'angolo inferiore destro
proprietà border-radius,
che imposta l'arrotondamento simultaneamente per tutti gli angoli
proprietà border,
che è una proprietà abbreviata per il bordo