Style borderBottomStyle egenskab

Definition og brug

borderBottomStyle Indstil eller returner elementets nederste kant stil.

Se også:

CSS Læringskurs:CSS kant

CSS Referencemanual:border-bottom-style-egenskab

HTML DOM Referencemanual:border-egenskab

Eksempel

Eksempel 1

Tilføj en fast nederste kant til <div>-elementet:

document.getElementById("myDiv").style.borderBottomStyle = "solid";

Prøv det selv

Eksempel 2

Ændr <div>-elementets nederste kant stil til "dotted":

document.getElementById("myDiv").style.borderBottomStyle = "dotted";

Prøv det selv

Eksempel 3

Returnerer <div>-elementets nederste kantstyle:

alert(document.getElementById("myDiv").style.borderBottomStyle);

Prøv det selv

Eksempel 4

Demonstration af alle forskellige værdier:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;

Prøv det selv

Syntaks

Returner borderBottomStyle egenskab:

object.style.borderBottomStyle

Indstil borderBottomStyle egenskab:

object.style.borderBottomStyle = value

Egenskabsværdi

Værdi Beskrivelse
none Definerer en kant uden ramme. Standard.
hidden Samme som "none", men undtaget i løsning af konflikter mellem tabellens kanter.
dotted Definerer en punktkant.
dashed Definerer en gestrikket kant.
solid Definerer en fast kant.
double Definerer to kanter. Bredden af de to kanter er den samme som værdien af border-width.
groove Definerer 3D fure kant. Effekten afhænger af border-color værdierne.
ridge Definerer 3D ryg kant. Effekten afhænger af border-color værdierne.
inset Definerer 3D inset kant. Effekten afhænger af border-color værdierne.
outset Definerer 3D outset kant. Effekten afhænger af border-color værdierne.
initial Sæt denne egenskab til dens standardværdi. Se initial.
inherit Arve denne egenskab fra sin forældrelige element. Se inherit.

Tekniske detaljer

Standardværdi: none
Returværdi: Streng, der angiver stilen på elementets nederste kant.
CSS version: CSS1

Browserunderstøttelse

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2

Kommentar:IE7 og tidligere versioner understøtter ikke værdien "hidden". IE9 og nyere versioner understøtter "hidden".