пример
Изменение положения фонового изображения:
document.body.style.backgroundPosition = "top right"; Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
В backgroundPosition наборов свойств или возвращает позицию фонового изображения внутри элемента.
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| backgroundPosition | 1,0 | 4,0 | 1,0 | 1,0 | 3,5 |
Синтаксис
Возвращает свойство backgroundPosition:
object .style.backgroundPosition
Установите свойство backgroundPosition:
object .style.backgroundPosition= value Значения свойств
| Стоимость | Описание |
|---|---|
| top left top center top right center left center center center right bottom left bottom center bottom right | Если указать только одно ключевое слово, другое значение будет "center" . |
| x% y% | Значение х указывает на горизонтальное положение, а значение у обозначает вертикальное положение. Верхний левый угол 0% 0%. В правом нижнем углу находится 100% 100%. Если указать только одно значение, другое значение будет 50%. |
| xpos ypos | Значение х указывает на горизонтальное положение, а значение у обозначает вертикальное положение. Верхний левый угол 0 0. Единицы могут быть пиксели (0px 0px) или любые другие единицы CSS. Если указать только одно значение, другое значение будет 50%. Вы можете смешать% и единиц |
| initial | Установка этого свойства в значение по умолчанию. Читайте о первоначальном |
| inherit | Inherits это свойство от родительского элемента. Читайте о унаследовать |
Технические подробности
| Значение по умолчанию: | 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 property
Ссылка CSS: background-position property
HTML DOM ссылка: background property
<Style Object