CSS-background-origin-Eigenschaft

Definition und Verwendung

background-origin Eigenschaft regelt background-position womit sich das Attribut positioniert.

Anmerkung:Wenn das Hintergrundbild der background-attachment Das Attribut "festwenn der Wert "" ist, hat diese Eigenschaft keine Wirkung.

Siehe auch:

CSS-Tutorial:CSS HintergrundundCSS-Background (fortgeschritten)

HTML DOM Referenzhandbuch:backgroundOrigin-Eigenschaft

Beispiel

Positionieren Sie das Hintergrundbild relativ zum Inhaltsschachtel:

div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}

Versuchen Sie es selbst aus

CSS-Syntax

background-origin: padding-box|border-box|content-box;

Eigenschaftswert

Wert Beschreibung Test
padding-box Das Hintergrundbild wird relativ zum Innenabstandskasten positioniert. Test
border-box Das Hintergrundbild wird relativ zum Randkasten positioniert. Test
content-box Das Hintergrundbild wird relativ zum Inhaltsschachtel positioniert. Test

Technische Details

Standardwert: padding-box
Vererbbarkeit: nein
Version: CSS3
JavaScript-Syntax: object.style.backgroundOrigin="content-box"

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die die Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
4.0 9.0 4.0 3.0 10.5