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

margin-inline

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

Демо

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

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

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
/* <length> values */
margin-inline: 10px 20px; /* An absolute length */
margin-inline: 1em 2em; /* relative to the text size */
margin-inline: 5% 2%; /* relative to the nearest block container's width */
margin-inline: 10px; /* sets both start and end values */

/* Keyword values */
margin-inline: auto;

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

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

Ссылки

Комментарии