CSS outline-afstand eigenschap

definitie en gebruik

de outline-offset-eigenschap verschuift de schaduw en tekent op de randrand.

de schaduw verschilt in twee opzichten van de rand:

  • de schaduw neemt geen ruimte in beslag
  • de schaduw kan niet rechthoekig zijn

zie ook:

CSS handleiding:CSS gebruikersinterface

HTML DOM referentiehandleiding:outlineOffset eigenschap

voorbeeld

bepaalt de schaduw op 15 pixels buiten de rand van de rand:

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

probeer het zelf

CSS syntaxis

outline-offset: lengte|inherit;

eigenschapswaarde

waarde beschrijving
lengte de afstand tussen de schaduw en de rand van de rand.
inherit het wordt voorgeschreven dat de waarde van de outline-offset-eigenschap van het ouder-element moet worden geërfd.

technische details

standaardwaarde: 0
inheritantie: nee
versie: CSS3
JavaScript syntaxis: object.style.outlineOffset="15px"

browserondersteuning

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

Chrome IE / Edge Firefox Safari Opera
4.0 15.0 3.5 3.1 10.5