- Главная»
- CSS-Шпаргалка»
- background-position
background-position
Поддержка браузеров
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|
IE до 7.0 (включ.) не поддерживает значение inherit | + | + | + | + |
Пример
Как позиционировать фоновое изображение:
body { background-image:url('smiley.gif'); background-repeat:no-repeat; background-attachment:fixed; background-position:center; }
Описание и использование
Свойство background-position задает стартовую позицию фонового изображения.
Примечание: для правильной работы данного свойства в Firefox и Opera, свойство background-attachment должно быть "fixed".
Значение по умолчанию: | 0% 0% |
---|---|
Наследуется: | нет |
Версия: | CSS1 |
Аргументы
Значение | Описание |
---|---|
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%. |
inherit | Значение должно быть унаследовано от элемента родителя |