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

max-inline-size

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

Если режим письма ориентирован вертикально, значение max-inline-size относится к максимальной высоте элемента; в противном случае это относится к максимальной ширине элемента. Связанное свойство max-block-size определяет другое измерение элемента.

Демо

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

Синтаксис

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

/* <percentage> values */
max-inline-size: 75%;

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

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

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

Ссылки

Комментарии