Beispiel
Positionieren Sie das Hintergrundbild in Bezug auf die Content-Box:
document.getElementById("myDIV").style.backgroundOrigin = "content-box"; Versuch es selber " Definition und Verwendung
Die backgroundOrigin Eigenschaft legt zurück, was die Eigenschaft background-position ist relativ zu.
Note: Wenn die Eigenschaft background-attachment für das Hintergrundbild ist "fixed" , diese Eigenschaft keine Auswirkungen hat.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| backgroundOrigin | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
Syntax
Bringen Sie die backgroundOrigin Eigenschaft:
object .style.backgroundOrigin
Stellen Sie die backgroundOrigin Eigenschaft:
object .style.backgroundOrigin="padding-box|border-box|content-box|initial|inherit"
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| padding-box | Standardwert. Das Hintergrundbild wird in Bezug auf die Polsterung Kasten positioniert |
| border-box | Das Hintergrundbild wird in Bezug auf die Grenzkasten positioniert |
| content-box | Das Hintergrundbild wird in Bezug auf das Inhaltsfeld positioniert |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
| Standardwert: | padding-box |
|---|---|
| Rückgabewert: | Ein String, die die Hintergrund-origin Eigenschaft eines Elements |
| CSS Version | CSS3 |
Verwandte Seiten
CSS - Referenz: background-origin property
<Style - Objekt