Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

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

Перейти к справке CSS

body
{
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"

Поддержка в браузерах

Chrome Firefox Internet Explorer Opera Safari
Свойство 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


Перейти к справке CSS


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта