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

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

элемента padding-block-end является пространством между рамкой элемента и содержимым в конце блока.

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

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

Пример 2

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

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

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

Синтаксис CSS

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

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

Значение Описание
auto По умолчанию. Значение по умолчанию для padding-block-end элемента.
length

Padding-block-end указывается в единицах px, pt, cm и т.д. Отрицательные значения не допускаются.

См. также:Единицы CSS.

% Padding-block-end указывается в процентах от размера родительского элемента в строковом направлении.
initial Этот атрибут устанавливается в значение по умолчанию. См. также initial.
inherit Этот атрибут наследуется от родительского элемента. См. также inherit.

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

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

Поддержка браузеров

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.

Хром Эдж Фаерфокс Сафари Опера
87.0 87.0 41.0 12.1 73.0

Соответствующие страницы

См. также:Свойство CSS padding-block

См. также:Свойство CSS padding-block-start

См. также:Свойство CSS padding-inline

См. также:Свойство CSS padding-bottom

См. также:Свойство CSS padding-left

См. также:Свойство CSS padding-right

См. также:Свойство CSS padding-top

См. также:Свойство writing-mode в CSS