Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке padding-box?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**`padding-box`** не є частиною Box Model напряму, а значенням для властивостей на кшталт `background-clip` і `border-image`, яке обмежує область фону чи зображення межами `padding`, не зачіпаючи `border`. **Ключове:** на відміну від `content-box` і `border-box`, `padding-box` не можна використовувати як значення `box-sizing`.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення`padding-box` **не стосується Box Model напряму**. Це значення трапляється в інших CSS-властивостях, найчастіше в `background-clip`, `background-origin` і `border-image`. Його сенс: **обмежувати область фону або зображення межами** `padding`, не доходячи до границі (`border`) і не виходячи за неї. Наприклад: ```css div { background: url(bg.png); background-clip: padding-box; } ``` У цьому випадку фон буде зафарбований **лише до межі padding** і не потрапить під `border`. Щоб було зрозуміліше: | Значення | До якої межі малюється фон | |---|---| | `border-box` | до зовнішньої межі border | | `padding-box` | до краю padding (border виключається) | | `content-box` | лише всередині content | **Важливо:** `padding-box` *не є значенням для* `box-sizing`. У `box-sizing` є лише `content-box` і `border-box`. ## Підсумок `padding-box`, це область, обмежена padding, і використовується у властивостях, які керують малюванням фону або меж.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.