Egenskapen border-top-left-radius

Egenskapen border-top-left-radius skapar en avrundning för det övre vänstra hörnet av kantlinjen och bakgrunden. Värdet på egenskapen är vilka enheter för storlekar som helst. Standardvärde: 0.

Syntax

selektor {
	border-top-left-radius: värde;
}

Exempel

Låt oss sätta en avrundning på 10px för det övre vänstra hörnet:

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

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

Se även

egenskapen border-top-right-radius,
som sätter avrundning för det övre högra hörnet
egenskapen border-bottom-left-radius,
som sätter avrundning för det nedre vänstra hörnet
egenskapen border-bottom-right-radius,
som sätter avrundning för det nedre högra hörnet
egenskapen border-radius,
som sätter avrundning samtidigt för alla hörn
egenskapen border,
som är en förkortningsegenskap för kantlinjen