padding
Оновлено: 05.12.2022
padding
Встановлює значення полів навколо вмісту елемента. Полем називається відстань від внутрішнього краю рамки елемента до уявного прямокутника, що обмежує його вміст (рис. 1).
Властивість padding дає змогу задати величину поля одразу для всіх сторін елемента або визначити поля тільки для зазначених сторін.
Коротка інформація
| Значення за замовчуванням | 0 |
| Успадковується | Ні |
| Застосовується | До всіх елементів |
| Анімується | Так |
Синтаксис
padding: [<Розмір> | <Відсотки>] {1, 4}Значення
Дозволяється використовувати одне, два, три або чотири значення, розділяючи їх між собою пропуском. Ефект залежить від кількості значень і наведений у табл. 1.
| Число значень | Результат |
|---|---|
| 1 | Поля будуть установлені одночасно з кожного краю елемента |
| 2 | Перше значення встановлює поля від верхнього та нижнього країв, друге - від лівого та правого. |
| 3 | Перше значення встановлює поле від верхнього краю, друге - одночасно від лівого та правого країв, а третє - від нижнього краю. |
| 4 | По черзі встановлюється поле від верхнього, правого, нижнього та лівого країв. |
Величину полів можна вказувати в пікселях (px), відсотках (%) або інших допустимих для CSS одиницях. У разі зазначення поля у відсотках, значення рахується від ширини батьківського елемента.
Приклад
Об'єктна модель
Об'єкт.style.padding