CSS свойство padding-block

Предыдущая страница padding
Следующая страница padding-block-end

Определение и использование

элемента padding-block Это пространство между рамкой и содержимым в блоковом направлении, являющееся аббревиатурой следующих свойств:

padding-block значение свойства можно установить несколькими способами:

Если у свойства padding-block два значения:

padding-block: 10px 50px;

внутренний отступ по началу 10px
внутренний отступ по концу 50px

Если у свойства padding-block один значение:

padding-block: 10px;

внутренний отступ по началу и концу 10px

CSS padding-block и padding-inline свойства соответствуют CSS свойствам padding-top,padding-bottom,padding-left и padding-right очень похожи, но padding-block и padding-inline Свойство зависит от блокового и строкового направлений.

Обратите внимание:связанные CSS свойства writing-mode Определяет блоковое направление. Это влияет на начальную и конечную позиции блока и padding-block Результат свойств. Для английских страниц блоковое направление направлено вниз, а строковое направление слева направо.

Пример

Пример 1

Установить внутренний отступ по сторонам блочного направления:

p {
  padding-block: 35px;
}

Попробуйте сами

Пример 2

Когда у элемента <div> writing-mode Когда значение attribute-value установлено в vertical-rl, начальная позиция элемента смещается к правому верхнему углу, а конечная позиция смещается к левому нижнему углу:

div {
  writing-mode: vertical-rl;
  padding-block: 10px 50px;
}

Попробуйте сами

CSS синтаксис

padding-block: auto|value|initial|inherit;

Значение атрибута

Значение	Описание
auto	Значение по умолчанию. Значение по умолчанию для padding-block элемента.
length	Padding-block указывается в единицах px, pt, cm и т.д. Негативные значения не допускаются. См. также:Единицы CSS.
%	Padding-block определяется как процент от размера родительского элемента в строковом направлении.
initial	Установить этот атрибут в его значение по умолчанию. См. также initial.
inherit	Этот атрибут наследуется от родительского элемента. См. также inherit.

Технические детали

Значение по умолчанию:	auto
Ингеритация:	Нет
Создание анимации:	Поддерживается. См. также:Свойства анимации.
Версия:	CSS3
JavaScript синтаксис:	object.style.paddingBlock="100px 50px"