padding-inline-end

Оновлено: 30.12.2022

padding-inline-end


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

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

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

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

Синтаксис 

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

Значення

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

Приклад

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

Об'єкт.style.paddingInlineEnd

Браузери

padding-inline-end

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

padding-inline-end