Style borderTopLeftRadius egenskap
- Föregående sida borderTopColor
- Nästa sida borderTopRightRadius
- Gå tillbaka till föregående nivå HTML DOM Style objekt
Definition och användning
borderTopLeftRadius
Egenskapen ställer in eller returnerar formen på vänstra övre kantens kant.
Tips:Denna egenskap låter dig lägga till rundade kanter på elementet!
Se också:
CSS referenshandbok:border-top-left-radius egenskap
Exempel
Lägg till rund kant på vänstra övre hörnet av div-elementet:
document.getElementById("myDIV").style.borderTopLeftRadius = "25px";
Syntax
Returnera borderTopLeftRadius egenskapen:
object.style.borderTopLeftRadius
Ställ in borderTopLeftRadius egenskapen:
object.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"
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 fyrkantig, inte rund. 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 |
---|---|
length | Definiera formen vid vänstra övre hörnet. |
% | Definiera formen vid vänstra nedre hörnet med procentsatser. |
initial | Sätt denna egenskap till dess standardvärde. Se initial. |
inherit | Inheriterar denna egenskap från föräldrelementet. Se inherit. |
Tekniska detaljer
Standardvärde: | 0 |
---|---|
Returvärde: | sträng, som anger elementets border-top-left-radius egenskap. |
CSS version: | CSS3 |
Webbläsare stödjer
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Stöd | 9.0 | Stöd | Stöd | Stöd |
- Föregående sida borderTopColor
- Nästa sida borderTopRightRadius
- Gå tillbaka till föregående nivå HTML DOM Style objekt