Style outlineOffset eigenschap

Definitie en gebruik

outlineOffset De eigenschap offset schaduw en tekent het buiten de randrand.

De schaduw heeft twee verschillen met de rand:

  1. De schaduw neemt geen ruimte in beslag
  2. De schaduw kan niet rechthoekig zijn

Zie ook:

CSS referentiemanual:outline-offset eigenschap

Voorbeeld

Verplaats de outline rand 15 pixels buiten de randrand:

document.getElementById("myDIV").style.outlineOffset = "15px";

Probeer het zelf

Syntaxis

Retourneren van outlineOffset eigenschap:

object.style.outlineOffset

Instellen van outlineOffset eigenschap:

object.style.outlineOffset = "length|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
length De afstand van de schaduw tot de rand van de rand. De standaardwaarde is 0.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inherit deze eigenschap van de ouder element. Raadpleeg inherit.

Technische details

Standaardwaarde: 0
Retourwaarde: een string die de afstand van het element aangeeft outline-offset eigenschap.
CSS versie: CSS3

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

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