padding-block

Обновлено: 30.05.2022

padding-block

Универсальное свойство, которое одновременно задаёт начальный и конечный внутренние отступы элемента по блочной оси. Направление оси зависит от значения свойства writing-mode. Для горизонтального письма (writing-mode: horizontal-tb) блочная ось будет вертикальной и padding-block устанавливает отступы сверху и снизу. Для вертикального направления письма (writing-mode: vertical-lr и writing-mode: vertical-rl) блочная ось будет горизонтальной и padding-block устанавливает отступы слева и справа.

Допустимо использовать одно или два значения, разделяя их пробелом. Одно значение устанавливает одинаковый внутренний отступ с двух сторон элемента; если указано два значения, то первое устанавливает padding-block-start, а второе padding-block-end.

Краткая информация

Значение по умолчанию 0
Наследуется Нет
Применяется Ко всем элементам
Анимируется Да

Синтаксис

padding-block: [<размер> | <проценты>] {1, 2}

Значения

Значение можно указывать в пикселях (px), процентах (%) или других допустимых для CSS единицах. При указании в процентах, значение считается от ширины родителя элемента.

Пример

Объектная модель

Объект.style.paddingBlock

Браузеры

padding-block

Посмотреть совместимость на Can I use?

padding-block