Style border eigenschap

Definitie en gebruik

border Eigenschappen instellen of retourneren in afgekorte vorm maximaal drie afzonderlijke rand-eigenschappen.

Met deze eigenschap kunt u het volgende item of meerdere items instellen / retourneren (in willekeurige volgorde):

Zie ook:

CSS Handleiding:CSS border

CSS Referentie Handboek:border-eigenschap

Voorbeeld

Voorbeeld 1

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

document.getElementById("myDiv").style.border = "thick solid #0000FF";

Probeer het zelf

Voorbeeld 2

Wijzig de breedte, stijl en kleur van de rand van het <div>-element:

document.getElementById("myDiv").style.border = "thin dotted red";

Probeer het zelf

Voorbeeld 3

Retourneer de waarde van de border-eigenschap van het <div>-element:

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

Probeer het zelf

Syntax

Retourneer de border-eigenschap:

object.style.border

Stel de border-eigenschap in:

object.style.border = "width style color|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
width Stel de breedte van de rand in.
style Stel de stijl van de rand in.
color Stel de kleur van de rand in.
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: Niet gedefinieerd.
Retourwaarde: Een string die de breedte, stijl en / of kleur van de rand van het element aangeeft.
CSS Versie: CSS1

Browserondersteuning

border is een CSS1 (1996) kenmerk.

Alle browsers ondersteunen het volledig:

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