CSS свойство min-block-size

Определение и использование

min-block-size Атрибут определяет минимальный размер элемента в блоковом направлении.

Если размер содержимого в направлении блока меньше минимального размера, то будет применяться min-block-size значение атрибута.

Если размер содержимого в направлении блока больше минимального размера, то min-block-size Значение атрибута не действует.

Примечание:связанные CSS атрибуты writing-mode определяет направление блока, что влияет на min-block-size результаты. Для английских страниц направление блока вертикальное, а направлением inline является слева направо.

CSS min-block-size атрибуты и CSS атрибуты min-height и min-width Очень похожи, но min-block-size Атрибут зависит от направления блока.

Пример

Пример

Пример 1

div {
  min-block-size: 200px;
}

Попробуйте сами

Пример 2: Направление текста

Установите размер минимального размера блока для элемента <div> в 200 пикселей: writing-mode Когда значение атрибута установлено в vertical-rl, направление блока изменяется с вертикального на боковое, что влияет на min-block-size Как работает атрибут:

div {
  min-block-size: 200px;
  writing-mode: vertical-rl;
}

Попробуйте сами

Пример 3: min-block-size и block-size

Наблюдайте за элементом <div> (block-size например, 100px) и другого элемента <div> (min-block-size различные реакции при изменении размера содержимого (например, 100px):

#div1 {
  min-block-size: 100px;
}
#div2 {
  block-size: 100px;
}

Попробуйте сами

CSS синтаксис

min-block-size: auto|length|initial|inherit;

Значение атрибута

Технические детали

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

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.

Связанные страницы

См. также:Свойство block-size CSS

См. также:CSS свойство max-block-size

См. также:CSS свойство min-height

См. также:CSS свойство min-width

См. также:Свойство writing-mode в CSS