Style backgroundOrigin -Eigenschaft
Beispiel
Positionieren Sie das Hintergrundbild relativ zum Inhaltsfeld:
document.getElementById("myDIV").style.backgroundOrigin = "content-box";
Definition und Verwendung
Die Eigenschaft backgroundOrigin setzt oder gibt zurück, wozu die Eigenschaft background-position relativ ist.
Hinweis: Wenn die Eigenschaft background-attachment für das Hintergrundbild „fixed“ ist, hat diese Eigenschaft keine Auswirkung.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
backgroundOrigin | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
Syntax
Gibt die Eigenschaft backgroundOrigin zurück:
object.style.backgroundOrigin
Legen Sie die Eigenschaft backgroundOrigin fest:
object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"
Eigenschaftswerte
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
Standardwert: | Polsterbox |
---|---|
Rückgabewert: | Ein String, der die Hintergrundursprungseigenschaft eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
CSS-Referenz: background-origin-Eigenschaft