Style outlineWidth eigenschap

Definitie en gebruik

outlineWidth Stel of retourneer de breedte van de contour om het element heen.

De contour is een lijn omheen het element. Het wordt weergegeven rond de marges van het element. Maar het is anders dan de randeigenschap.

De contour is geen deel van de elementgrootte, dus de breedte- en hoogte-eigenschappen van het element bevatten geen contourbreedte.

Zie ook:

CSS handleiding:CSS outline

CSS referentiemanual:outline eigenschap

HTML DOM referentiemanual:outline eigenschap

Voorbeeld

Voorbeeld 1

Wijzig de breedte van de contour van het <div>-element:

document.getElementById("myDiv").style.outlineWidth = "10px";

Probeer het zelf

Voorbeeld 2

Gebruik de waarde "thick" om de breedte van de contour van het <div>-element te wijzigen:

document.getElementById("myDiv").style.outlineWidth = "thick";

Probeer het zelf

Voorbeeld 3

Retourneer de breedte van de contour van het <div>-element:

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

Probeer het zelf

Syntax

Retourneer outlineWidth-eigenschap:

object.style.outlineWidth

Stel outlineWidth-eigenschap in:

object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
thin Definieer een dunne contour.
medium Definieer een gemiddelde contour. Standaard.
thick Definieer een dikke contour.
length Contourbreedte in lengte-eenheden.
initial Stel deze eigenschap in op zijn standaardwaarde. Zie ook initial.
inherit Inheritere deze eigenschap van de ouderlement. Zie ook inherit.

Technische details

Standaardwaarde: medium
Retourwaarde: String die de breedte van de elementcontouren aangeeft.
CSS versie: CSS2

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support