ویژگی min-inline-size CSS
- صفحه قبلی min-block-size
- صفحه بعدی min-height
تعریف و استفاده
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 |
صفحات مرتبط
منبع:ویژگی max-inline-size CSS
منبع:ویژگی min-height CSS
منبع:ویژگی min-width CSS
- صفحه قبلی min-block-size
- صفحه بعدی min-height