CSS border-top-left-radius egenskap

Definition och användning

border-top-left-radius-egenskapen definierar formen på kanten vid vänstra övre hörnet.

Tips:Egenskapen tillåter dig att lägga till runda kanter på elementet.

Se också:

CSS3-guide:CSS3 kanter

Exempel

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

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

Prova själv

CSS-syntax

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

Kommentar:Längd- och procentsatser för border-top-left-radius-egenskapen definierar radien för en kvartsellips (definierar formen på kanterna av den yttre kantlinjen). Den första värdet är den horisontella radien, det andra värdet är den vertikala radien. Om det 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 radien refererar till bredden på ramen, och procentsatser för den vertikala radien refererar till höjden på ramen.

Egenskapsvärde

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

Tekniska detaljer

Standardvärde: 0
Arvbarhet: nej
Version: CSS3
JavaScript-syntax: object.style.borderTopLeftRadius="5px"

Webbläsarstöd

Talen i tabellen anger den första webbläsare som helt stöder egenskapen.

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