/ Справочники / CSS3 / background-position

Информация по поводу - background-position


 CSS свойство background-position используется для установки положения изображения.

Значения свойства:
  • В качестве значений вы можете установить значение по горизонтали и вертикали. Горизонталь - left, center, right. Вертикаль - top, center, bottom. Указывается следующим образом: left center, что означает 0% 50%, получается прижато к левому боку и по центру страницы.
Значения:
  • left отвечает за 0%, center - 50%, right - 100% (аналогично top);
  • center отвечает за 0%, center - 50%, center - 100% (аналогично center по вертикали);
  • right отвечает за 0%, right - 50%, right - 100% (аналогично bottom);
Пример свойства:
body {
    background-image: url(img/help.png); /* Изображение */
    background-position: left top;
    background-repeat: no-repeat;
}