Style borderTopStyle-attributet
- Föregående sida borderTopRightRadius
- Nästa sida borderTopWidth
- Åter till föregående nivå HTML DOM Style-objekt
Definition och användning
borderTopStyle
Ställ in eller returnera stilen för kantlinjen på elementet.
Se också:
CSS教程:CSS-kant
CSS Referenshandbok:border-top-style-attributet
HTML DOM Referenshandbok:border-attributet
Exempel
Exempel 1
Lägg till en fysisk övre kantlinje för <div>-elementet:
document.getElementById("myDiv").style.borderTopStyle = "solid";
Exempel 2
Ändra stilen för övre kanten på <div>-elementet till "dotted":
document.getElementById("myDiv").style.borderTopStyle = "dotted";
Exempel 3
Returnerar stilen för övre kanten på <div>-elementet:
alert(document.getElementById("myDiv").style.borderTopStyle);
Exempel 4
Demonstration av alla olika värden:
var listValue = selectTag.options[selectTag.selectedIndex].text; document.getElementById("myDiv").style.borderTopStyle = listValue;
Syntax
Returnera borderTopStyle egenskapen:
object.style.borderTopStyle
Sätt borderTopStyle egenskapen:
object.style.borderTopStyle = value|initial|inherit
Värde | Beskrivning |
---|---|
none | Definierar kantlös. Standard. |
hidden | Liksom "none", men undantaget i lösningen av kantkonflikter för tabellelement. |
dotted | Definierar en punkt kant. |
dashed | Definierar en punktlinje kant. |
solid | Definierar en solid kant. |
double | Definierar två kanter. Bredden på båda kanterna är densamma som värdet för border-width. |
groove | Definierar 3D räls kant. Effekten beror på border-color värdet. |
ridge | Definierar 3D rygg kant. Effekten beror på border-color värdet. |
inset | Definierar 3D inskjutande kant. Effekten beror på border-color värdet. |
outset | Definierar 3D utbuktande kant. Effekten beror på border-color värdet. |
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: | none |
---|---|
Returvärde: | En sträng som anger stilen på elementets övre kant. |
CSS-version: | CSS1 |
Webbläsarstöd
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Stödjer | Stödjer | Stödjer | Stödjer | Stödjer |
- Föregående sida borderTopRightRadius
- Nästa sida borderTopWidth
- Åter till föregående nivå HTML DOM Style-objekt