Style outlineColor-eigenschap

definitie en gebruik

outlineColor eigenschappen om de kleur van het profiel rond het element in te stellen of terug te geven.

Het profiel is een lijn omheen het element. Het wordt weergegeven rond de marges van het element. Maar, het verschilt met border-eigenschap anders.

Het profiel is geen deel van de elementgrootte, dus de breedte- en hoogte-eigenschappen van het element bevatten geen breedte van het profiel.

Zie ook:

CSS handleidingCSS outline

CSS referentiemanualoutline-color-eigenschap

HTML DOM referentiemanualoutline-eigenschap

Voorbeeld

Voorbeeld 1

Wijzig de kleur van het profiel van het <div>-element:

document.getElementById("myDiv").style.outlineColor = "#00ff00";

Probeer het zelf

Voorbeeld 2

Geef de randkleur van het <div>-element terug:

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

Probeer het zelf

syntaxis

Geef de outlineColor-eigenschap terug:

object.style.outlineColor

Stel de outlineColor-eigenschap in:

object.style.outlineColor = "kleur|invert|initial|inherit"

eigenschapswaarde

waarde beschrijving
kleur

defineert de kleur van het profiel.

Bekijk ook CSS kleurwaardenvoor een volledige lijst van mogelijke kleurwaarden.
invert De kleur van het profiel omgekeerd naar de tegenovergestelde waarde. Standaard.
initial Stel deze eigenschap in op de standaardwaarde. Zie ook initial.
inherit Deze eigenschap erfde van de ouder element. Zie ook inherit.

technische details

standaardwaarde: invert
teruggegeven waarde: een string die de kleur van het elementprofiel aangeeft.
CSS versie: CSS2

browser ondersteunt

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