backgroundOrigin Style Attribut

Definition und Verwendung

backgroundOrigin Dieses Attribut legt fest,相对于什么位置定位 background-position Attribut.

Anmerkung:Wenn das Attribut background-attachment des Hintergrundbilds "fixed"dann hat dieses Attribut keine Wirkung.

Beispiel

Positionieren Sie das Hintergrundbild relativ zum Inhaltsschacht:

document.getElementById("myDIV").style.backgroundOrigin = "content-box";

Probieren Sie es selbst aus

Syntax

Rückgabe des Attributs backgroundOrigin:

object.style.backgroundOrigin

Setzen Sie das Attribut backgroundOrigin:

object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"

Attributwert

Wert Beschreibung
padding-box Standardwert. Das Hintergrundbild wird relativ zum Innenabstandskasten positioniert.
border-box Die Hintergrundbildposition relativ zum Randkasten festlegen.
content-box Die Hintergrundbildposition relativ zum Inhaltsschacht festlegen.
initial Setzen Sie dieses Attribut auf seinen Standardwert. Siehe initial.
inherit Dieses Attribut wird von seinem übergeordneten Element geerbt. Siehe inherit.

Technische Details

Standardwert: padding-box
Rückgabewert: Ein String, der den background-origin-Eigenschaft.
CSS-Version: CSS3

Browser-Unterstützung

backgroundOrigin Es ist eine CSS3 (1999) Eigenschaft.

Alle Browser unterstützen es vollständig:

Chrome Edge Firefox Safari Oper IE
Chrome Edge Firefox Safari Oper IE
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung 11

Verwandte Seiten

CSS-Referenzhandbuch:background-origin-Eigenschaft