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

margin-block

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

Демо

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

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

Синтаксис

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

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

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

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

Ссылки

Комментарии