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;

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

Ссылки¶

• Свойство max-inline-size ^{MDN (рус.)}
• CSS Logical Properties and Values Level 1 ^{Spec (англ.)}

Комментарии