CSS kant-nederst-venstre-radius egenskab

Definition og brug

border-bottom-left-radius egenskaben definerer formen af den nederste venstre kant.

Tip:Egenskaben giver dig mulighed for at tilføje runde kanter til elementet.

Se også:

CSS3 tutorial:CSS3 borders

Eksempel

Tilføj en rund kant til nederste venstre hjørne af div-elementet:

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

Prøv det selv

CSS syntaks

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

Bemærkninger:Længdeværdierne og procentværdierne for border-bottom-left-radius-egenskaben definerer radiusen (radii) for et kvartcirkel (der definerer formen af den ydre kant af hjørnet). Den første værdi er den horisontale radius, og den anden værdi er den vertikale radius. Hvis den anden værdi udelades, kopieres den første værdi. Hvis længden er nul, er hjørnet kvadratisk, ikke cirkulært. Procentværdierne for den horisontale radius refererer til bredden af kantboksen, og procentværdierne for den vertikale radius refererer til højden af kantboksen.

Egenskabsværdi

Værdi Beskrivelse Test
length Definerer formen af nederste venstre hjørne. Test
% Definerer formen af nederste venstre hjørne som en procentværdi. Test

Tekniske detaljer

Standardværdi: 0
Arv: nej
Version: CSS3
JavaScript syntaks: object.style.borderBottomLeftRadius="5px"

Browserunderstøttelse

Talene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

Tal med -webkit- eller -moz- som præfiks indikerer den første version, der bruger præfikset.

Chrome IE / Edge Firefox Safari Opera
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5