background-originВластивість визначає , де малювати фон: через весь елемент, всередині кордону або всередині прокладки.
Є чотири значення: border-box, padding-box, content-boxі inherit. Ось демонстрація:
Див. Демонстрацію походження фону пера від Тімоті Міллера (@tjacobdesign) на CodePen.
background-origin схожий на background-clip, за винятком того, що він змінює розмір фону, а не відсікає його.
Вище приклад background-size: coverі background-repeat: no-repeatтакож застосовується. Якби це було не так, зображення повторювалося б під межею або відступом.
Пов’язані
- фон-вкладення
- фоновий кліп
- Колір фону
- фонове зображення
- фонове положення
- фоновий повтор
- розмір фону
Більше ресурсів
- CSS3 Специфікація
- MDN
Підтримка браузера
| Chrome | Сафарі | Firefox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 1+ | 3+ | 4+ | 10,5+ | 9+ | Працює | Працює |