Style borderBottomStyle-attribut

Definition och användning

borderBottomStyle Ställ in eller returnera stilen för elementets bottenrand.

Se också:

CSS Lärportalen:CSS-kant

CSS Referenshandbok:border-bottom-style-attribut

HTML DOM Referenshandbok:border-attribut

Exempel

Exempel 1

Lägg till en fast bottenrand för <div>-elementet:

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

Prova själv

Exempel 2

Ändra stilen på bottenranden för <div>-elementet till "punktad":

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

Prova själv

Exempel 3

Returnerar stilen på div-elementets nedre kant:

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

Prova själv

Exempel 4

Demonstration av alla olika värden:

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

Prova själv

Syntaks

Returnera borderBottomStyle-attribut:

object.style.borderBottomStyle

Ställ in borderBottomStyle-attribut:

object.style.borderBottomStyle = value

Attributvärde

Värde Beskrivning
none Definiera en kant utan ram. Standard.
hidden Liksom "none", men undantaget vid lösning av kantkonflikter för tabellkomponenter.
dotted Definiera en punkt-kant.
dashed Definiera en punktlinje-kant.
solid Definiera en fast kant.
double Definiera två kanter. Bredden på båda kanterna är densamma som värdet för border-width.
groove Definiera 3D groove-kant. Effekten beror på border-color värdena.
ridge Definiera 3D ridge-kant. Effekten beror på border-color värdena.
inset Definiera 3D inset-kant. Effekten beror på border-color värdena.
outset Definiera 3D outset-kant. Effekten beror på border-color värdena.
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: Sträng, som anger stilen på elementets nedre kant.
CSS-version: CSS1

Webbläsarstöd

Numrerna i tabellen anger den första webbläsarversionen som helt stöder denna egenskap.

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

Kommentar:IE7 och tidigare versioner stöder inte värdet "hidden". IE9 och högre versioner stöder "hidden".