padding-block-end

Оновлено: 30.12.2022

padding-block-end

Визначає кінцевий внутрішній відступ елемента по блоковій осі. Залежно від значення властивості writing-mode, властивість padding-block-end може відповідати властивості. padding-bottom, padding-right, padding-left. У табл. 1 показано положення padding-block-end у поєднанні з іншими властивостями.

Табл. 1. Положення padding-block-end
Код CSS Вид Значення padding-block-end
div {
 border: 1px solid #333;
 padding-block-end: 30px;
}
 padding-bottom
div {
 border: 1px solid #333;
 padding-block-end: 30px;
 writing-mode: vertical-rl;
}
 padding-left
div {
 border: 1px solid #333;
 padding-block-end: 30px;
 writing-mode: vertical-lr;
}
 padding-right

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

Значення за замовчуваням 0
Успадковується Ні
Застосовується До всіх елементів
Анімується Так

Синтаксис 

padding-block-end: [<розмір> | <відсотки>]

Значення

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

Приклад

Об'єктна модель

Об'єкт.style.paddingBlockEnd

Браузери

padding-block-end

Переглянути сумісність з Can I use?

padding-block-end