padding-inline-start

Оновлено: 06.01.2023

padding-inline-start

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

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

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

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

Синтаксис 

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

Значення

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

Приклад

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

Об'єкт.style.paddingInlineStart

Браузери

padding-inline-start

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

padding-inline-start