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

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

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

элемента padding-block-start означает пространство от рамки до содержимого в начале блока.

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-start: 35px;
}

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

Пример 2

Установите для элемента <div> writing-mode Когда значение property установлено в vertical-rl, направление блока направлено слева направо. В результате начальная позиция элемента перемещается вправо:

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

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

CSS синтаксис

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

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

Значение	Описание
auto	Default. Значение по умолчанию для padding-block-start элемента.
length	Padding-block-start может быть указан в px, pt, cm и других единицах измерения. Отрицательные значения не допускаются. См. также:Единицы CSS.
%	Padding-block-start определяется в процентах от размера родительского элемента в направлении строки.
initial	Установите это свойство в его значение по умолчанию. См. также initial.
inherit	Инherits this property from its parent element. См. также inherit.

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

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