1.6 KiB
title | localeTitle |
---|---|
Background Position Property | Исходная позиция |
Исходная позиция
Фон-свойство задает позицию, с которой должно начинаться фоновое изображение. Другими словами, это свойство примет значение x и y-значение и запустит изображение из точки (x, y)
.
Пример:
/* setting background-image of HTML doc */
body {
background-image: url('https://i.imgur.com/6Z2VStD.png');
background-repeat: no-repeat;
background-position: right top;
}
По умолчанию для свойства background-position установлено значение 0% 0%
.
Значения свойств:
background-position: x-value y-value
где,
x-значение : left | center | right | x% | x px
и
y-значение : top | center | bottom | y% | y px
.
Другие допустимые значения свойств являются initial
и inherit
.
initial
: Устанавливает это свойство по умолчанию.
inherit
: Наследует значение от родительского элемента.
Примечание. Когда для свойства фона задано только одно значение, другое значение по умолчанию устанавливается в center
.
Другие источники:
MDN Docs: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position