Свойство CSS padding-block-end
- Предыдущая страница padding-block
- Следующая страница padding-block-start
Определение и использование
элемента 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
- Предыдущая страница padding-block
- Следующая страница padding-block-start