margin-trim

Свойство margin-trim позволяет контейнеру обрезать поля своих дочерних элементов там, где они примыкают к краям контейнера.

Блоки

• height
• width
• max-height
• max-width
• min-height
• min-width

• margin
• margin-bottom
• margin-left
• margin-right
• margin-top
• margin-trim

• padding
• padding-bottom
• padding-left
• padding-right
• padding-top

• overflow
• overflow-x
• overflow-y
• visibility

Синтаксис

margin-trim: none;
margin-trim: block;
margin-trim: block-start;
margin-trim: block-end;
margin-trim: inline;
margin-trim: inline-start;
margin-trim: inline-end;

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

Значения

none

Поля не обрезаны контейнером.

in-flow

Для блоков in-flow, содержащихся в этом контейнере, поля осей блоков, смежные с краями блока, обрезаются до нуля.

Также обрезаются все схлопнутые поля.

all

Обрезаются все поля

Значение по-умолчанию: none

Применяется к блочным контейнерам, колоночным контейнерам

Спецификации

• CSS Basic Box Model

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

Комментарии