Описание
background-position - Задает начальное положение фонового изображения, установленного с помощью свойства background-image.
CSS 1 / CSS 2 / CSS 2.1 / CSS 3
Значения
background-position: left / center / right / top / center / bottom / inherit /
Значение по умолчанию - 0%
Единицы иэмерения - проценты (%) / пиксели (px) / высота шрифта (em) / сантиметры (cm)
Единицы иэмерения - проценты (%) / пиксели (px) / высота шрифта (em) / сантиметры (cm)
Запись
background-position: left top; - В левом верхнем углу
background-position: top center; - Центр вверху.
background-position: center left; - Центр левый край .
background-position: center; - Центр.
background-position: center right; - Центр правый край.
background-position: left bottom; - Левый нижний угол.
background-position: center bottom; - Центр внизу.
background-position: right bottom; - Правый верхний угол.
background-position: top right; - Правый нижний угол.
background-position: top center; - Центр вверху.
background-position: center left; - Центр левый край .
background-position: center; - Центр.
background-position: center right; - Центр правый край.
background-position: left bottom; - Левый нижний угол.
background-position: center bottom; - Центр внизу.
background-position: right bottom; - Правый верхний угол.
background-position: top right; - Правый нижний угол.
Пример
Посмотрите пример со значением background-position в отдельном окне
Внешний вид

Свойства CSS
- animation
- animation-direction
- appearance
- background-clip
- background-color
- background-image
- background-attachment
- background-repeat
- background-size
- background-position
- border
- column-count
- column-gap
- column-rule
- column-width
- content
- cursor
- direction
- font-family
- filter
- float
- font
- font-size
- font-stretch
- f-style
- f-weight
- l-height
- margin
- max-height
- min-height
- m-top
- opacity
- orphans
- outline
- overflow
- padding
- position
- quotes
- resize
- right
- rotation-point
- table-layout
- text-align
- text-align-last
- text-decoration
- text-indent
- text-justify
- text-overflow
- text-shadow
- text-transform
- top
- transform
- transform-origin
- transform-style
- transition
- transition-delay
- transition-duration
- transition-property
- transition-timing-function
- vertical-align
- visibility
- white-space
- word-break
- word-spacing
- word-wrap
- z-index