1. Heim
  2. CSS3 background-size-Eigenschaft

Das beste CSS3 background-size-Eigenschaft-Tutorial im Jahr 2024. In diesem Tutorial können Sie Beispiele,Browser-Unterstützung,Tag Definitionen und Anleitungen,Grammatik,Online Beispiele,In Verbindung stehende Artikel, lernen

CSS3 background-size-Eigenschaft

Beispiele

Geben Sie den Hintergrund Bildgröße:

div
{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
}

Versuchen »
Im unteren Bereich dieser Seite finden Sie weitere Beispiele.

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die erste Browser die Versionsnummer der Immobilie zu unterstützen.

Unmittelbar im Anschluss an die digitale -webkit-, -MS- oder vor zur Unterstützung der Präfix Attributnummer erste Browser-Version -moz-.

属性
background-size  4.0
1.0 -webkit-		 9.0 4.0
3.6 -moz-		 4.1
3.0 -webkit-		 10.5
10.0 -o-

Tag Definitionen und Anleitungen

Hintergrund-size-Eigenschaft gibt die Größe des Hintergrundbildes.

Standard: auto
Vererbung: keine
Version: CSS3
JavaScript-Syntax: Objekt object.style.backgroundSize = "60px 80px"

Grammatik

background-size:length|percentage|cover|contain;

值 描述
length 设置背景图片高度和宽度。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为"atuo(自动)"
percentage 将计算相对于背景定位区域的百分比。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为"auto(自动)"
cover 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。
contain 此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。

Beispiele

Online Beispiele

Stretch Hintergrundbild
Dehnen Sie das Hintergrundbild den Inhalt Bereich abdeckt.

Vier Querstrecken Hintergrundbild Bild
4 Querverstreckung Hintergrundbildern.

In Verbindung stehende Artikel

CSS3 Tutorial: CSS3 Hintergrund

Hot Tutorials

Kontaktiere uns

CSS3 background-size-Eigenschaft
10/30