Stijl backgroundOrigin Property
Voorbeeld
Plaats de achtergrondafbeelding ten opzichte van het inhoudsvak:
document.getElementById("myDIV").style.backgroundOrigin = "content-box";
Definitie en gebruik
De eigenschap backgroundOrigin bepaalt of geeft terug waar de eigenschap background-position relatief aan is.
Opmerking: als de eigenschap background-attachment voor de achtergrondafbeelding "vast" is, heeft deze eigenschap geen effect.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
backgroundOrigin | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
Syntaxis
Retourneer de backgroundOrigin-eigenschap:
object.style.backgroundOrigin
Stel de eigenschap backgroundOrigin in:
object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"
Eigendomswaarden
Value | Description |
---|---|
padding-box | Default value. The background image is positioned relative to the padding box |
border-box | The background image is positioned relative to the border box |
content-box | The background image is positioned relative to the content box |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische details
Standaardwaarde: | opvuldoos |
---|---|
Winstwaarde: | Een tekenreeks, die de eigenschap background-origin van een element vertegenwoordigt |
CSS-versie | CSS3 |
Gerelateerde pagina's
CSS-referentie: eigenschap background-origin