CSS border-bottom-left-radius egenskap

Definition och användning

border-bottom-left-radius egenskapen definierar formen på vänstra nedre kantens kant.

Tips:Egenskapen tillåter dig att lägga till rund kant till elementet.

Se också:

CSS3 Tutorial:CSS3 kanter

Exempel

Lägg till rund kant på vänstra nedre hörnet av div-elementet:

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

Prova själv

CSS syntax

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

Kommentar:Längds värden och procentsatser för border-bottom-left-radius egenskapen definierar halvcirkeln (definierar formen på kanterna av den yttre kantkanten) radie (radii). Den första värdet är den horisontella radie, den andra värdet är den vertikala radie. Om den andra värdet utelämnas, kopieras det första värdet. Om längden är noll, är kanten kvadratisk, inte cirkulär. Procentsatser för den horisontella radie refererar till bredden av ramen, och procentsatser för den vertikala radie refererar till höjden på ramen.

Egenskapsvärde

Värde Beskrivning Test
length Definiera formen av vänstra nedre hörnet. Test
% Definiera formen av vänstra nedre hörnet med procentsatser. Test

Tekniska detaljer

Standardvärde: 0
Arvsförmåga: no
Version: CSS3
JavaScript syntax: object.style.borderBottomLeftRadius="5px"

Webbläsarstöd

Tal i tabellen noterar den första webbläsarversionen som fullständigt stöder egenskapen.

Tal med -webkit- eller -moz- prefix indikerar den första versionen som använder prefixet.

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