Style backgroundOrigin-Eigenschaft
Style-ObjektBeispiel
Positionieren Sie das Hintergrundbild relativ zur Content-Box:
document.getElementById("myDIV").style.backgroundOrigin="content-box";
Selbst ausprobieren »
Definition und Verwendung
Die backgroundOrigin-Eigenschaft legt fest oder gibt zurück, worauf die background-position-Eigenschaft relativ positioniert wird.
Hinweis:Wenn die background-attachment-Eigenschaft des background-image "fixed" ist, hat diese Eigenschaft keine Wirkung.
Browser-Unterstützung
IE9+, Firefox, Opera, Chrome und Safari unterstützen die background-origin-Eigenschaft.
Syntax
Die backgroundOrigin-Eigenschaft zurückgeben:
object.style.backgroundOrigin
Legen Sie die backgroundOrigin-Eigenschaft fest:
object.style.backgroundOrigin="padding-box|border-box|content-box|initial|inherit"
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| padding-box | Standardwert. Das Hintergrundbild wird relativ zur Padding-Box positioniert. |
| border-box | Das Hintergrundbild wird relativ zur Border-Box positioniert. |
| content-box | Das Hintergrundbild wird relativ zur Content-Box positioniert. |
| initial | Setzt diese Eigenschaft auf ihren Standardwert. Sieheinitial。 |
| inherit | Erbt diese Eigenschaft von seinem Elternelement. Sieheinherit。 |
Technische Details
| Standardwert: | padding-box |
|---|---|
| Rückgabewert: | Ein String, der die background-origin-Eigenschaft eines Elements darstellt. |
| CSS-Version | CSS3 |
Ähnliche Artikel
CSS-Referenzhandbuch:background-origin-Eigenschaft
Andere Erweiterungen