Свойство стиля backgroundPosition
Пример
Измените положение фонового изображения:
document.body.style.backgroundPosition = "top right";
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство backgroundPosition задает или возвращает позицию фонового изображения внутри элемента.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
backgroundPosition | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис
Вернуть свойство backgroundPosition:
object.style.backgroundPosition
Установите свойство backgroundPosition:
object.style.backgroundPosition = value
Значения свойств
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 |
Технические детали
Значение по умолчанию: | 0% 0% |
---|---|
Возвращаемое значение: | Строка, представляющая позицию фонового изображения. |
CSS-версия | CSS1 |
Дополнительные примеры
Пример
Измените положение фонового изображения в элементе <div> на центр внизу:
document.getElementById("myDiv").style.backgroundPosition = "center bottom";
Пример
Измените положение фонового изображения в элементе <div> на 200 пикселей по горизонтали и 40 пикселей по вертикали:
document.getElementById("myDiv").style.backgroundPosition = "200px 40px";
Пример
Вернуть позицию фонового изображения в элементе <div>:
document.getElementById("myDiv").style.backgroundPosition;
Связанные страницы
Учебное пособие по CSS: Фон CSS
Справочник по CSS: свойство background-image
Справочник по CSS: свойство background-position
Справочник по HTML DOM: свойство background