background-position

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

IE Opera Chrome Firefox Safari
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 Значение должно быть унаследовано от элемента родителя
^ Наверх ^