background-position

Internet Explorer

Google Chrome

Opera

Safari

Firefox

6.07.08.0 2.03.04.0 9.29.610 2.03.14.0 2.03.03.6
                   
CSS 1CSS 2CSS 2.1CSS 3
    

Описание CSS свойства:

Задает начальное положение фонового изображения, установленного с помощью свойства background-image.

Краткая информация:
Значение по умолчанию 0% 0%
НаследуетсяНет
Применяется К блочным элементам
Ссылка на спецификацию http://www.w3.org/TR/CSS21/colors.html#propdef-background-position

Синтаксис CSS свойства:

background-position: [left | center | right | проценты | значение] || [top | center | bottom | проценты | значение] | inherit

Значения CSS свойства:

У свойства background-position два значения, положение по горизонтали (может быть — left, center, right) и вертикали (может быть — top, center, bottom). Кроме использования ключевых слов положение также можно задавать в процентах, пикселах или других единицах. Если применяются ключевые слова, то порядок их следования не имеет значения, при процентной записи вначале задается положение рисунка по горизонтали, а затем, через пробел, положение по вертикали. Отношение между используемыми ключевыми словами и процентной записью следующее.

  • top left = left top = 0% 0% (в левом верхнем углу)
  • top = top center = center top = 50% 0% (по центру вверху)
  • right top = top right = 100% 0% (в правом верхнем углу)
  • left = left center = center left = 0% 50% (по левому краю и по центру)
  • center = center center = 50% 50% (по центру)
  • right = right center = center right = 100% 50% (по правому краю и по центру)
  • bottom left = left bottom = 0% 100% (в левом нижнем углу)
  • bottom = bottom center = center bottom = 50% 100% (по центру внизу)
  • bottom right = right bottom = 100% 100% (в правом нижнем углу)

В скобках указано, где располагается фоновый рисунок относительно контейнера.

При inherit значение наследуется у родителя элемента.


Объектная модель CSS свойства:

[window.]document.getElementById("elementID").style.backgroundPosition

Особенности отображения в браузерах:

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit.


Баннер SGU.RU