Свойство backgroundPosition
Пример style.backgroundPosition
Измените положение фонового изображения:
document.body.style.backgroundPosition = "top right";
Попробуйте сами »
Ещё примеры ниже.
Описание backgroundPosition
Свойство backgroundPosition задает или возвращает положение фонового изображения внутри элемента.
Похожи на backgroundPosition
HTML Стили: Свойство background
CSS Учебник: CSS Backgrounds
CSS3 Учебник: CSS3 Backgrounds
CSS Справочник: Свойство background-image
CSS Справочник: Свойство background-position
Синтаксис backgroundPosition
Вернуть свойство backgroundPosition:
object.style.backgroundPosition
Установите свойство backgroundPosition:
object.style.backgroundPosition = value
Значение свойства backgroundPosition
| Значение | Описание |
|---|---|
|
top left top center top right center left center center center right bottom left bottom center bottom right |
Если вы укажете только одно ключевое слово, другое значение будет "center". |
| x% y% | Значение x указывает на горизонтальное положение, а значение y указывает на вертикальное положение. Верхний левый угол — 0% 0%. Правый нижний угол — 100% 100%. Если указать только одно значение, другое значение будет 50%. |
| xpos ypos | Значение x указывает на горизонтальное положение, а значение y указывает на вертикальное положение. Верхний левый угол — 0 0. Единицами могут быть пиксели (0px 0px) или любые другие единицы CSS. Если указать только одно значение, другое значение будет 50%. Вы можете смешивать % и единицы |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали backgroundPosition
| Значение по умолчанию: | 0% 0% |
|---|---|
| Возвращаемое значение: | Строка, представляющая положение фонового изображения. |
| CSS Версия | CSS1 |
Поддержка backgroundPosition
style.backgroundPosition является функцией CSS1 (1996).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | Да |
Ещё примеры backgroundPosition
Измените положение фонового изображения в элементе <div> по центру внизу:
document.getElementById("myDiv").style.backgroundPosition = "center bottom";
Попробуйте сами »
Измените положение фонового изображения в элементе <div> на 200 пикселей по горизонтали и 40 пикселей по вертикали:
document.getElementById("myDiv").style.backgroundPosition = "200px 40px";
Попробуйте сами »
Вернуть свойство положение фонового изображения в элементе <div>:
document.getElementById("myDiv").style.backgroundPosition;
Попробуйте сами »