CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaften大全

CSS Hintergrund-position Eigenschaft CSS Hintergrund-image Eigenschaft

CSS3 background-origin 属性使用方法及示例

CSS Hintergrund-origin属性指定背景的定位区域，即使用background-image属性指定的图像原点的位置。

下表总结了此属性的用法上下文和版本历史记录。

默认值：	padding-box
适用于：	所有元素。它也适用于::first-letter和::first-line.
继承：	无
动画制作可：	Nein.Bitte参见 Animationseigenschaften.
Version:	CSS3neue Funktion
JavaScript Syntax:	object　　　object.style.backgroundOrigin="content-box"

background-Syntax der Verwendung von origin

Die Syntax dieses Attributes ist wie folgt:

background-origin:　border-box　|　padding-box　|　content-box　|　initial　|　inherit

Der folgende Beispiel zeigt, wie background-origin Attribut.

Beispiel

.box　{
　　　　width:　250px;
　　　　height:　150px;
　　　　padding:　10px;
　　　　border:　6px　dashed　#333;
　　　　background:　url("images/sky.jpg")　no-repeat;
　　　　background-size:　contain;
　　　　background-origin:　content-box;
}

Testen Sie heraus‹/›

Anmerkung:Dieses background-origin, wenn das Wert-Attribut ignoriert wirdbackground-attachmentDas Attribut ist auf fixed festgelegt.

Attributswert

Die folgende Tabelle beschreibt die Werte dieses Attributes.

Wert	Beschreibung
border-box	Bestimmt, dass der Hintergrund bis zur äußeren Kante des Rands erweitert wird. Unten des Rands wird der Hintergrund gezeichnet.
padding-box	Bestimmt, dass der Hintergrund bis zur äußeren Kante der Füllung erweitert wird. Unten der Rand wird kein Hintergrund gezeichnet. Dies ist der Standardwert.
content-box	Bestimmt, dass der Hintergrund nur im Inhaltselframe (geschnitten) gezeichnet wird. Unten der Rand und der Füllbereich wird kein Hintergrund gezeichnet.
initial	Setzen Sie diesen Attribut auf seinen Standardwert.
inherit	Wenn angegeben, wird der übergeordnete background des Verknüpften Elements verwendet.-Berechneter Wert des origin Attributs.

Browserkompatibilität

background-Kompatibilität des origin Attributs der Browser, alle gängigen Browser unterstützen diesesAttribut.

	Firefox 4+ Google Chrome4+ Internet Explorer 9+ Apple Safari 3+ Opera 10.5+

Weiters Lesen

Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS3Hintergrund,CSS3Hintergrund.

CSS Hintergrund-position Eigenschaft CSS Hintergrund-image Eigenschaft