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

Браузери

padding-inline

Переглянути сумісність з Can I use?

padding-inline