background-repeat
Оновлено: 08.12.2022
background-repeat
Визначає, як повторюватиметься фонове зображення, встановлене за допомогою властивості background-image. Можна встановити повторення малюнка тільки по горизонталі, по вертикалі або в обидва боки. Припустимо вказувати кілька значень для кожного фону, перераховуючи значення через кому.
Коротка інформація
| Значення за замовчуванням | repeat |
| Успадковується | Ні |
| Застосовується | До всіх елементів |
| Анімується | Ні |
Синтаксис
background-repeat: <повтор> [ , <повтор> ]*
Тут:
<повтор> = repeat-x | repeat-y | [repeat | space | round | no-repeat]{1,2}
Припустимо вказувати два значення, перше ключове слово задає повторення по горизонталі, друге по вертикалі.
Значення
| no-repeat | Встановлює одне фонове зображення в елементі без його повторень, положення якого визначається властивістю background-position (за замовчуванням у лівому верхньому кутку). Аналогічно no-repeat no-repeat. |
| repeat | Фонове зображення повторюється по горизонталі та вертикалі. Аналогічно repeat repeat. |
| repeat-x | Фоновий малюнок повторюється тільки по горизонталі. Аналогічно repeat no-repeat. |
| repeat-y | Фоновий малюнок повторюється тільки по вертикалі. Аналогічно no-repeat repeat. |
| space | Зображення повторюється стільки разів, щоб повністю заповнити область; якщо це не вдається, між картинками додається порожній простір. |
| round | Зображення повторюється так, щоб в області помістилося ціле число малюнків; якщо це не вдається зробити, то фонові малюнки масштабуються. |
Приклад
Об'єктна модель
Об'єкт.style.backgroundRepeat