Style borderLeftStyle egenskap
- Föregående sida borderLeftColor
- Nästa sida borderLeftWidth
- Gå tillbaka till föregående nivå HTML DOM Style objekt
Definition och användning
borderLeftStyle
Ställ in eller returnera elementets vänstra kantstils stil.
Se också:
CSS教程:CSS-ramar
CSS Referenshandbok:border-left-style egenskap
HTML DOM Referenshandbok:border egenskap
Exempel
Exempel 1
Lägg till en solid vänster kant på <div>-elementet:
document.getElementById("myDiv").style.borderLeftStyle = "solid";
Exempel 2
Ändra stilen för vänstra kanten på <div>-elementet till "dotted":
document.getElementById("myDiv").style.borderLeftStyle = "dotted";
Exempel 3
Returnerar stilen för vänstra kanten på <div>-elementet:
alert(document.getElementById("myDiv").style.borderLeftStyle);
Exempel 4
Demonstration av alla olika värden:
var listValue = selectTag.options[selectTag.selectedIndex].text; document.getElementById("myDiv").style.borderLeftStyle = listValue;
Syntax
Returnera borderLeftStyle egenskapen:
object.style.borderLeftStyle
Ställ in borderLeftStyle egenskapen:
object.style.borderLeftStyle = value
Värde | Beskrivning |
---|---|
none | Definiera en kantlös kant. Standard. |
hidden | Samma som "none", men undantaget i lösningen av kantkonflikter för tabellelement. |
dotted | Definiera en punkt kant. |
dashed | Definiera en punktlinje kant. |
solid | Definiera en solid kant. |
double | Definiera två kanter. Bredden på båda kanterna är densamma som värdet för border-width. |
groove | Definiera 3D grop kant. Effekten beror på border-color värdet. |
ridge | Definiera 3D rygg kant. Effekten beror på border-color värdet. |
inset | Definiera 3D insatt kant. Effekten beror på border-color värdet. |
outset | Definiera 3D utstående kant. Effekten beror på border-color värdet. |
initial | Sätt denna egenskap till dess standardvärde. Se initial. |
inherit | Inheritera denna egenskap från föräldrelementet. Se inherit. |
Tekniska detaljer
Standardvärde: | none |
---|---|
Returvärde: | En sträng som representerar elementets vänstra kantstils stil. |
CSS version: | CSS1 |
Browserversion
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Stöd | Stöd | Stöd | Stöd | Stöd |
- Föregående sida borderLeftColor
- Nästa sida borderLeftWidth
- Gå tillbaka till föregående nivå HTML DOM Style objekt