Style outlineOffset eigenschap
- Previous page outlineColor
- Next page outlineStyle
- Go up one level HTML DOM Style Object
Definitie en gebruik
outlineOffset
De eigenschap offset schaduw en tekent het buiten de randrand.
De schaduw heeft twee verschillen met de rand:
- De schaduw neemt geen ruimte in beslag
- 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";
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 |
- Previous page outlineColor
- Next page outlineStyle
- Go up one level HTML DOM Style Object