40 lines
1.6 KiB
Markdown
40 lines
1.6 KiB
Markdown
|
---
|
|||
|
|
title: Background Position Property
|
|||
|
|
localeTitle: Исходная позиция
|
|||
|
|
---
|
|||
|
|
## Исходная позиция
|
|||
|
|
|
|||
|
|
Фон-свойство задает позицию, с которой должно начинаться фоновое изображение. Другими словами, это свойство примет значение x и y-значение и запустит изображение из точки `(x, y)` .
|
|||
|
|
|
|||
|
|
**Пример:**
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
/* 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
|