Style borderTopStyle egenskab
- Forrige side borderTopRightRadius
- Næste side borderTopWidth
- Gå tilbage til niveauet over HTML DOM Style Object
Definition og brug
borderTopStyle
Indstil eller returner stilen på kantbrydningen på elementet.
Se også:
CSS Tutorial:CSS kantlinje
CSS Reference Manual:border-top-style-egenskab
HTML DOM Reference Manual:border-egenskab
Eksempel
Eksempel 1
Tilføj en faktisk øverste kantbrydning til <div>-elementet:
document.getElementById("myDiv").style.borderTopStyle = "solid";
Example 2
Change the top border style of the <div> element to "dotted":
document.getElementById("myDiv").style.borderTopStyle = "dotted";
Example 3
Return the top border style of the <div> element:
alert(document.getElementById("myDiv").style.borderTopStyle);
Example 4
Demonstration of all different values:
var listValue = selectTag.options[selectTag.selectedIndex].text; document.getElementById("myDiv").style.borderTopStyle = listValue;
Syntax
Return borderTopStyle property:
object.style.borderTopStyle
Set borderTopStyle property:
object.style.borderTopStyle = value|initial|inherit
Value | Description |
---|---|
none | Definerer kant uden kant. Standard. |
hidden | Samme som "none", men undtaget i løsning af kantkonflikter for tabeller. |
dotted | Definerer en punktkant. |
dashed | Definerer en gestrikket kant. |
solid | Definerer en solid kant. |
double | Definerer to kanter. Bredden af begge kanter er den samme som værdien af border-width. |
groove | Definerer 3D groove kant. Effekten afhænger af border-color values. |
ridge | Definerer 3D ribbed kant. Effekten afhænger af border-color values. |
inset | Definerer 3D inset kant. Effekten afhænger af border-color values. |
outset | Definerer 3D outset kant. Effekten afhænger af border-color values. |
initial | Sets this property to its default value. See initial. |
inherit | Inherits this property from its parent element. See inherit. |
Technical details
Default value: | none |
---|---|
Return value: | En streng, der angiver stilen på elementets øvre kant. |
CSS version: | CSS1 |
Browser support
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Support | Support | Support | Support | Support |
- Forrige side borderTopRightRadius
- Næste side borderTopWidth
- Gå tilbage til niveauet over HTML DOM Style Object