padding-inline
Оновлено: 30.12.2022
padding-inline
Універсальна властивість, яка одночасно задає початковий і кінцевий внутрішні відступи елемента по рядковій осі. Напрямок осі залежить від значення властивості writing-mode. Для горизонтального письма (writing-mode: horizontal-tb) строкова вісь буде горизонтальною і padding-inline встановлює відступи зліва та справа. Для вертикального напрямку письма (writing-mode: vertical-lr і writing-mode: vertical-rl) строкова вісь буде вертикальною, а padding-inline встановлює відступи зверху та знизу.
Припустимо використовувати одне або два значення, розділяючи їх пропуском. Одне значення встановлює однаковий внутрішній відступ із двох боків елемента; якщо вказано два значення, то перше встановлює padding-inline-start, а друге padding-inline-end.
Коротка інформація
Значення за замовчуванням | 0 |
Успадковується | Ні |
Застосовується | До всіх елементів |
Анімується | Так |
Синтаксис
padding-inline: [<размер> | <проценты>] {1, 2}
Значення
Значення можна вказувати в пікселях (px), відсотках (%) або інших допустимих для CSS одиницях. У разі зазначення у відсотках, значення рахується від ширини батьківського елемента.
Приклад
Об'єктна модель
Об'єкт.style.paddingInline