Stijl backgroundPosition Property
Voorbeeld
Verander de positie van een achtergrond-afbeelding:
document.body.style.backgroundPosition = "top right";
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De eigenschap backgroundPosition bepaalt of retourneert de positie van een achtergrondafbeelding binnen een element.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
backgroundPosition | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntaxis
Retourneer de eigenschap backgroundPosition:
object.style.backgroundPosition
Stel de eigenschap backgroundPosition in:
object.style.backgroundPosition = value
Eigendomswaarden
Value | Description |
---|---|
top left top center top right center left center center center right bottom left bottom center bottom right |
If you only specify one keyword, the other value will be "center". |
x% y% | The x value indicates the horizontal position and the y value indicates the vertical position. The top left corner is 0% 0%. The right bottom corner is 100% 100%. If you only specify one value, the other value will be 50%. |
xpos ypos | The x value indicates the horizontal position and the y value indicates the vertical position. The top left corner is 0 0. Units can be pixels (0px 0px) or any other CSS units. If you only specify one value, the other value will be 50%. You can mix % and units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische details
Standaardwaarde: | 0% 0% |
---|---|
Winstwaarde: | Een tekenreeks, die de positie van een achtergrondafbeelding voorstelt |
CSS-versie | CSS1 |
Meer voorbeelden
Voorbeeld
Verander de positie van de achtergrond-afbeelding in een <div> element naar midden onder:
document.getElementById("myDiv").style.backgroundPosition = "center bottom";
Voorbeeld
Verander de positie van de achtergrondafbeelding in een <div> element in 200px horizontaal en 40px verticaal:
document.getElementById("myDiv").style.backgroundPosition = "200px 40px";
Voorbeeld
Retourneer de positie van de achtergrondafbeelding in een <div> -element:
document.getElementById("myDiv").style.backgroundPosition;
Gerelateerde pagina's
CSS-zelfstudie: CSS-achtergrond
CSS -referentie: eigenschap achtergrondafbeelding
CSS-referentie: eigenschap background-position
HTML DOM-referentie: achtergrondeigenschap