Beispiel
Ändern Sie die Position eines Hintergrund-Bild:
document.body.style.backgroundPosition = "top right"; Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die backgroundPosition Eigenschaftssätze oder gibt die Position eines Hintergrundbildes in einem Element.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| backgroundPosition | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntax
Bringen Sie die backgroundPosition Eigenschaft:
object .style.backgroundPosition
Stellen Sie die backgroundPosition Eigenschaft:
object .style.backgroundPosition= value Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| top left top center top right center left center center center right bottom left bottom center bottom right | Wenn Sie nur ein Schlüsselwort angeben, wird der andere Wert sein "center" . |
| x% y% | Der x-Wert gibt die horizontale Position und der y-Wert gibt die vertikale Position. Die obere linke Ecke ist 0% 0%. Die rechte untere Ecke ist 100% 100%. Wenn Sie nur einen Wert angeben, wird der andere Wert 50% betragen. |
| xpos ypos | Der x-Wert gibt die horizontale Position und der y-Wert gibt die vertikale Position. Die obere linke Ecke ist 0 0 Einheiten können Pixel sein (0px 0px) oder andere CSS - Einheiten. Wenn Sie nur einen Wert angeben, wird der andere Wert 50% betragen. Sie können% und Einheiten mischen |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
| Standardwert: | 0% 0% |
|---|---|
| Rückgabewert: | Ein String, die die Position eines Hintergrundbildes |
| CSS Version | CSS1 |
Mehr Beispiele
Beispiel
Ändern Sie die Position des Hintergrundbildes in einem <div> Element Mitte unten:
document.getElementById("myDiv").style.backgroundPosition = "center bottom"; Versuch es selber " Beispiel
Ändern Sie die Position des Hintergrundbildes in einem <div> Element 200px horizontal und vertikal 40px:
document.getElementById("myDiv").style.backgroundPosition = "200px 40px";
Versuch es selber " Beispiel
Gibt die Position des Hintergrundbildes in einem <div> Elemente:
document.getElementById("myDiv").style.backgroundPosition;
Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS Hintergrund
CSS - Referenz: background-image property
CSS - Referenz: background-position property
HTML - DOM - Referenz: background property
<Style - Objekt