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

min-inline-size

Свойство min-inline-size определяет минимальный горизонтальный или вертикальный размер блока элемента в зависимости от его режима записи. Оно соответствует либо свойству min-width, либо свойству min-height, в зависимости от значения режима письма.

Демо

Логические размеры

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
/* <length> values */
min-inline-size: 100px;
min-inline-size: 5em;

/* <percentage> values */
min-inline-size: 10%;

/* Keyword values */
min-inline-size: max-content;
min-inline-size: min-content;
min-inline-size: fit-content(20em);

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

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

Ссылки

Комментарии