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

min-block-size

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

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

Демо

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

Синтаксис

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

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

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

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

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

Ссылки

Комментарии