background
Оновлено: 05.12.2022
background
Універсальна властивість background дає змогу встановити одночасно кілька характеристик фону. Значення можуть іти в будь-якому порядку, браузер сам визначить, яке з них відповідає потрібній властивості. Для докладного ознайомлення дивіться інформацію про кожну властивість окремо. Припустимо, також, вказувати параметри одразу декількох фонів, перераховуючи їх через кому.
Коротка інформація
| Значення за замовчуванням | transparent || none || repeat || scroll || 0% 0% |
| Успадковується | Ні |
| Застосовується | До всіх елементів |
| Анімується | Так |
Синтаксис
background: [<фон>, ]* <останній фон>
Тут:
<фон> = background-image || background-position [ / background-size ]? || background-repeat || background-attachment || background-origin || background-clip
<останній фон> = background-image || background-position [ / background-size ]? || background-repeat || background-attachment || background-origin || background-clip || background-color
Якщо поряд із фоновими зображеннями потрібно задати колір фону елемента, його вказують в останню чергу після перерахування.
Значення
Будь-які комбінації значень, що розділяються між собою пропуском, які визначають стиль фону, у довільному порядку. Жодне значення не є обов'язковим, тому невикористовувані можна опустити.
Приклад
Об'єктна модель
Об'єкт.style.background