Style borderBottomStyle-eigenschap

Definitie en gebruik

borderBottomStyle Stel in of返回性能属性 voor de onderste rand van het element.

Zie ook:

CSS Tutorial:CSS border

CSS Referentiemanual:border-bottom-style-eigenschap

HTML DOM Referentiemanual:border-eigenschap

Voorbeeld

Voorbeeld 1

Voeg een solide onderste rand toe aan het <div>-element:

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

Probeer het zelf uit

Voorbeeld 2

Wijzig de stijl van de onderste rand van het <div>-element naar "dotted":

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

Probeer het zelf uit

Voorbeeld 3

Retourneer de onderste bordsstijl van het <div>-element:

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

Probeer het zelf uit

Voorbeeld 4

Demonstratie van alle verschillende waarden:

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

Probeer het zelf uit

Syntaxis

Retourneer de eigenschap borderBottomStyle:

object.style.borderBottomStyle

Stel de eigenschap borderBottomStyle in:

object.style.borderBottomStyle = value

Eigenschapswaarde

Waarde Beschrijving
none Definieer een border zonder rand. Standaard.
hidden Gelijk aan "none", maar uitzondering op het oplossen van borderconflicten van tabel-elementen.
dotted Definieer een gepuncteerde border.
dashed Definieer een gestreepte border.
solid Definieer een solide border.
double Definieer twee grenzen. De breedte van beide borden is gelijk aan de waarde van border-width.
groove Definieer een 3D groef-border. Het effect hangt af van border-color waarden.
ridge Definieer een 3D rib-border. Het effect hangt af van border-color waarden.
inset Definieer een 3D inset-border. Het effect hangt af van border-color waarden.
outset Definieer een 3D outset-border. Het effect hangt af van border-color waarden.
initial Stel deze eigenschap in op zijn standaardwaarde. Zie ook initial.
inherit Inherit deze eigenschap van de ouder element. Zie ook inherit.

Technische details

Standaardwaarde: none
Retourwaarde: Een string die de stijl van de onderste borden van het element aangeeft.
CSS versie: CSS1

Browserondersteuning

De cijfers in de tabel vermelden de browserversie die de eigenschap volledig ondersteunt.

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

Opmerking:IE7 en oudere versies ondersteunen de waarde "hidden" niet. IE9 en hogere versies ondersteunen "hidden".