Свойство background-position в CSS устанавливает начальную позицию фонового изображения внутри элемента. Оно помогает контролировать, где именно изображение будет отображаться, задавая точку отсчёта для наложения фона.
| Значение по умолчанию: | 0% 0% |
| Inherited: | no |
| Animatable: | yes |
| Version: | CSS1 |
| Синтаксис JavaScript: | object.style.backgroundPosition="center" |
Поддержка браузера
| Свойство: | background-position |
| Chrome | 1.0 |
| Explorer/Edge | 4.0 |
| Firefox | 1.0 |
| Safari | 1.0 |
| Opera | 3.5 |
Синтаксис CSS
background-position: value;
Значения свойств
| Значение | Описание |
left top left center left bottom right top right center right bottom center top center center center bottom | Если указано только одно ключевое слово, другое значение будет ""center"" |
| x% y% | Первое значение представляет собой горизонтальное положение, а второе значение — вертикальное. Верхний левый угол равен 0% 0%. Правый нижний угол составляет 100% 100%. Если указано только одно значение, другое значение будет 50%. . Значение по умолчанию: 0% 0% |
| xpos ypos | Первое значение представляет собой горизонтальное положение, а второе значение — вертикальное. Левый верхний угол-0 0. Единицы измерения могут быть пикселами (0px 0px) или любыми другими CSS-единицами. Если указано только одно значение, другое значение будет 50%. Вы можете смешивать% и позиции |
| initial | Присваивает этому свойству значение по умолчанию. |
| inherit | Наследует это свойство из родительского элемента. |