Перейти к содержанию

padding-inline

Сокращенное свойство padding-inline определяет логическое встроенное начальное и конечное заполнение элемента, которое сопоставляется с физическими свойствами заполнения в зависимости от режима записи элемента, направления и ориентации текста.

Демо

Это свойство является сокращением для следующих свойств CSS:

Логические блоки

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
/* <length> values */
padding-inline: 10px 20px; /* An absolute length */
padding-inline: 1em 2em; /* relative to the text size */
padding-inline: 10px; /* sets both start and end values */

/* <percentage> values */
padding-inline: 5% 2%; /* relative to the nearest block container's width */

/* Global values */
padding-inline: inherit;
padding-inline: initial;
padding-inline: revert;
padding-inline: unset;

Поддержка браузерами

Ссылки

Комментарии