Перейти к справке CSSbody { background-image:url(‘smiley.gif’); background-repeat:no-repeat; background-attachment:fixed; background-position:center;
}
Описание и использование
Свойство CSS background-position задает начальную позицию фонового изображения.
Заметка: Для корректной работы этого свойства в Firefox и Opera, свойство background-attachment должно иметь значение «fixed».
| Значение по умолчанию | 0% 0% |
|---|---|
| Наследование | нет |
| Версия CSS | CSS 1 |
| Синтаксис JavaScript | object.style.backgroundPosition=»center» |
Поддержка в браузерах
Свойство background-position поддерживается всеми основными браузерами.
Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.
Возможные значения свойства background-position
| Значение | Описание |
|---|---|
| left top left center left bottom right top right center right bottom center top center center
center bottom |
левый верхний угол слева по центру левый нижний угол правый верхний угол справа по центру правый нижний угол вверху по центру по центру снизу по центру
Если выбрано одно значение, вторым значением будет по центру |
| х% у% | Первое значение указывает позицию по горизонтали, второе — по вертикали. Если не указать одно из значений, оно будет выставлено в 50%. Значение по умолчанию: 0% 0% |
|
позиция по х позиция по у |
Первое значение — положение по горизонтали, второе — по вертикали. Вы можете использовать пиксели или другие единицы измерения CSS. Если указано только одно значение, второе будет выставлено в 50%. При задании положения можно смешивать % и единицы измерения |
| inherit | Указывает на то, что значение наследуется от родительского элемента |
Связанные страницы
Учебник CSS: CSS background