English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS Hintergrund-Die position-Eigenschaft setzt die Position des ElementsHintergrund-imageInitialposition (d.h. Ursprung). Verwenden Sie die KurzformHintergrundDie Eigenschaft ist oft bequemer.
Die folgende Tabelle gibt eine Übersicht über den Verwendungs- und Versionsverlauf dieser Eigenschaft.
| Standardwert: | 0% 0% |
|---|---|
| Geeignet für: | Alle Elemente |
| Vererbung: | Keine |
| Animierbar: | Ja.Bitte beziehen Sie sich auf Animations-Attribute. |
| Version: | CSS 1,2,3 |
| JavaScript-Syntax: | object object.style.backgroundPosition="center" |
Die Syntax dieses Attributes ist wie folgt:
Hintergrund-position: [ percentage | length | left | center | right ] 1 oder 2 values | initial | inherit
Die folgenden Beispiele zeigen, wie background-position Eigenschaft.
p {
Hintergrund-image: url("images/smiley.png");
Hintergrund-position: 50% center;
}Testen Sie heraus‹/›Hinweis:Wenn nur ein Wert angegeben wird, wird angenommen, dass der zweite Wert der Mitte entspricht. Wenn zwei Werte verwendet werden und mindestens einer kein Schlüsselwort ist, stellt der erste Wert die horizontale Position und der zweite Wert die vertikale Position dar.
Die folgende Tabelle beschreibt die Werte dieses Attributes.
| Wert | Beschreibung |
|---|---|
| bottom | Entspricht der vertikalen Position100%. |
| center | Wenn nichts anderes angegeben, entspricht es der horizontalen Position50%, andernfalls gibt die vertikale Position an50%. |
| left | Entspricht der horizontalen Position 0%. |
| right | Entspricht der horizontalen Position100%. |
| top | Die vertikale Position beträgt 0%. |
| length | Tatsächliche Pixelgröße. Zum Beispiel, verwenden Sie den Wertpaar " 10px 2px" wenn, die linke obere Ecke des Bildes liegt auf der rechten Seite des Elements10px, und unter der linken oberen Ecke des Rahmens20px. |
| percentage | Prozentualer Wert der Elementgröße. Zum Beispiel, verwenden Sie den Wertpaar "0% 0%", um den linken oberen Ecke des Bildes mit dem linken oberen Ecke des Elements zu alignieren. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, wird der berechnete Wert der background Eigenschaft des übergeordneten Elements für den verknüpften Element verwendet.-position. |
Hintergrund-Die Kompatibilität der position Eigenschaft der Browser, alle gängigen Browser unterstützen diese Eigenschaft.
|
Bitte lesen Sie die folgenden Anleitungen:CSS Hintergrund,CSS3Hintergrund.
Verwandte Eigenschaften:Hintergrund,Hintergrund-attachment,Hintergrund-color,Hintergrund-clip,Hintergrund-image,Hintergrund-origin,Hintergrund-repeat,Hintergrund-size.