Style borderTopStyle eigenschap

Definitie en gebruik

borderTopStyle Stel de eigenschap van de rand van het element in of返 回 de stijl van de rand van het element.

Zie ook:

CSS Handleiding:CSS Border

CSS Referentiemanual:border-top-style-eigenschap

HTML DOM Referentiemanual:border-eigenschap

Voorbeeld

Voorbeeld 1

Voeg een echte bovenrand aan het <div>-element toe:

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

Probeer het zelf

Voorbeeld 2

Verander de bovenrandstijl van het <div>-element naar "dotted":

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

Probeer het zelf

Voorbeeld 3

Retourwaarde van de bovenrandstijl van het <div>-element:

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

Probeer het zelf

Voorbeeld 4

Demonstratie van alle verschillende waarden:

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

Probeer het zelf

Syntax

Retourwaarde van de borderTopStyle-eigenschap:

object.style.borderTopStyle

Stel de borderTopStyle-eigenschap in:

object.style.borderTopStyle = value|initial|inherit
Waarde Beschrijving
none Definieert een randloze rand. Standaard.
hidden Gelijk aan "none", maar uitzonderlijk in het oplossen van randconflicten van tabel-elementen.
dotted Definieert een stiprand.
dashed Definieert een gestreepte rand.
solid Definieert een volledige rand.
double Definieert twee randen. De breedte van beide randen is gelijk aan de waarde van border-width.
groove Definieert een 3D groef rand. Het effect hangt af van border-color waarden.
ridge Definieert een 3D rib rand. Het effect hangt af van border-color waarden.
inset Definieert een 3D inset rand. Het effect hangt af van border-color waarden.
outset Definieert een 3D outset rand. Het effect hangt af van border-color waarden.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inherit deze eigenschap van de ouderlijke element. Raadpleeg inherit.

Technische details

Standaardwaarde: none
Retourwaarde: Een string die de stijl van de bovenspacerand van het element vertegenwoordigt.
CSS versie: CSS1

Browserondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning