stijl outline eigenschap

definitie en gebruik

outline eigenschappen in een afkortingsvorm instellen/teruggeven voor alle contoureigenschappen.

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

de contouren zijn een lijn rond het element. Het wordt weergegeven rond de marges van het element. Maar, het verschilt met border eigenschap verschillend.

de contouren zijn geen deel van de elementgrootte, dus de breedte- en hoogte-eigenschappen van het element bevatten geen contouwdikte.

zie ook:

CSS handleiding:CSS outline

CSS referentiemanual:outline eigenschap

voorbeeld

voorbeeld 1

voeg een contouren rond het <div> element toe:

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

probeer het zelf

voorbeeld 2

wijzig de contouwdikte, stijl en color van het <div> element:

document.getElementById("myDiv").style.outline = "5px dotted green";

probeer het zelf

voorbeeld 3

retourneer de outline eigenschap van het <div> element:

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

probeer het zelf

syntaxis

retourneer de outline eigenschap:

object.style.outline

stel de outline eigenschap in:

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

eigenschapswaarde

waarde beschrijving
width stel de contouwdikte in.
style stel de contouurstijl in.
color stel de contourkleur in.
initial Deze eigenschap ingesteld op de standaardwaarde. Zie ook initial.
inherit Deze eigenschap erfgenomen van de ouder element. Zie ook inherit.

technische details

standaardwaarde: medium none invert
terugwaarde: een string die de contouwdikte, stijl en/or color van een element weergeeft.
CSS versie: CSS2

browserondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ondersteuning ondersteuning ondersteuning ondersteuning ondersteuning