Свойство CSS background-position

Поддержка браузерами

Браузеры для ПК
Internet Explorer Chrome Opera Safari Firefox Edge
4 1 3.5 1 1 12
Браузеры для планшетов и мобильных устройств
Android webview Chrome для Android Edge Mobile Firefox для Android Opera для Android iOS Safari Samsung Internet
2.1 18 Да 4 14 1 1

Краткая информация

Значение по умолчанию 0% 0%
Наследуется Нет
Применяется К блочным элементам
Аналог HTML Нет
Реализация в javascript
document.getElementById('idElement').style.backgroundPosition = 'top';
в данном случае элементу с id='idElement' будет добавлен стиль
background-position:top;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="background-position:top;">...</div>
Реализация в jQuery
$('#idElement').css('background-position','top');
в данном случае элементу с id='idElement' будет добавлен стиль
background-position:top;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="background-position:top;">...</div>

Поддерживающие версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Синтаксис

Значения

Пример

background-position: bottom;
background-position: 10%;
background-position: bottom 10px right 20px;

Результат

В этом блоке показан пример использования свойства background-position: bottom;.