ویژگی min-inline-size CSS

تعریف و استفاده

min-inline-size حداکثر اندازه‌ای که یک عنصر در جهت افقی دارد.

если размер содержимого в направлении строчных элементов меньше минимального размера, то будет применяться min-inline-size значение атрибута.

если размер содержимого в направлении строчных элементов больше минимального размера, то min-inline-size значение атрибута не действует.

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

CSS min-inline-size атрибуты соответствуют CSS атрибутам min-height и min-width очень похожи, но min-inline-size атрибут зависит от направления строчных элементов.

пример

пример 1

установите минимальный размер строчных элементов <div> элементов в方向的 200 пикселей:

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

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

пример 2: стиль письма

установите минимальный размер строчных элементов <div>元素的 writing-mode при установке атрибута writing-mode на vertical-rl, направление строчных элементов меняется с горизонтального на вертикальное, что влияет на работу атрибута min-inline-size:

div {
  min-inline-size: 260px;
  writing-mode: vertical-rl;
}

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

пример 3: min-inline-size и inline-size

наблюдайте за примером 3: min-inline-size и inline-size inline-size для <div> элементов с размером 200px и другого min-inline-size различные проявления <div> элементов с размером 200px при изменении размера содержимого:

#div1 {
  min-inline-size: 200px;
}
#div2 {
  inline-size: 200px;
}

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

CSS синтаксис

min-inline-size: автоматически|длина|по умолчанию|наследование;

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

значение описание
автоматически по умолчанию. Значение по умолчанию min-inline-size для элементов.
длина используйте фиксированные единицы измерения (например, px, pt, cm и т.д.) для указания минимального размера. См. также:واحدهای CSS.
% используйте процент для указания минимального размера, по отношению к размеру родителя по соответствующей оси.
по умолчанию установите этот атрибут в его значение по умолчанию. См. также по умолчанию.
наследование инherits this attribute from its parent element. См. также наследование.

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

по умолчанию: автоматически
наследование: нет
создание анимации: поддерживается. См. также:атрибуты, связанные с анимацией.
версия: CSS3
JavaScript синтаксис: object.style.minInlineSize="10px"

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

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

кروم 엣지 фایرفاکس сafari опера
57.0 79.0 41.0 12.1 44.0

صفحات مرتبط

منبع:ویژگی CSS inline-size

منبع:ویژگی max-inline-size CSS

منبع:ویژگی min-height CSS

منبع:ویژگی min-width CSS

منبع:خصوصیت writing-mode CSS