最小直列大小 | min-inline-size (Logical Properties) - CSS 中文开发手册 - Break易站


  • ??CSS 中文开发手册

    最小直列大小 | min-inline-size (Logical Properties) - CSS 中文开发手册

    这是一种实验技术

    由于此技术%27s规范尚未稳定,请检查兼容性表在各种浏览器中使用。还要注意的是,随着规范的改变,实验技术的语法和行为可能会在未来版本的浏览器中发生变化。

    大min-inline-sizeCSS属性定义元素%27s块的水平或垂直最小大小,具体取决于其写入模式。它对应于min-width或者min-height属性,取决于writing-mode...

    /* <length> values */
    min-inline-size: 100px;
    min-inline-size: 5em;
    
    /* <percentage> values */
    min-inline-size: 10%;
    
    /* Keyword values */
    min-inline-size: max-content;
    min-inline-size: min-content;
    min-inline-size: fit-content;
    min-inline-size: fill-available;
    
    /* Global values */
    min-inline-size: inherit;
    min-inline-size: initial;
    min-inline-size: unset;

    如果写作模式是垂直定向的,则min-inline-size与元素的最小高度有关;否则,它涉及元素的最小宽度。相关财产是min-block-size,它定义元素的其他维度。

    Initial value

    0

    Applies to

    same as width and height

    Inherited

    no

    Percentages

    inline-size of containing block

    Media

    visual

    Computed value

    same as min-width and min-height

    Animation type

    discrete

    Canonical order

    the unique non-ambiguous order defined by the formal grammar

    句法

    价值

    大min-inline-size属性的值与min-width和min-height财产。

    形式语法

    <‘min-width‘>

    HTML

    <p class="exampleText">Example text</p>

    CSS

    .exampleText {
      writing-mode: vertical-rl;
      background-color: yellow;
      block-size: 5%;
      min-inline-size: 200px;
    }

    规格

    Specification

    Status

    Comment

    CSS Logical Properties Level 1The definition of ‘min-inline-size‘ in that specification.

    Editor‘s Draft

    Initial definition

    浏览器兼容性

    Feature

    Chrome

    Firefox (Gecko)

    Internet Explorer

    Opera

    Safari (WebKit)

    Basic support

    No support

    41.0 (41.0)1

    No support

    No support

    No support

    Feature

    Android

    Firefox Mobile (Gecko)

    IE Phone

    Opera Mobile

    Safari Mobile

    Basic support

    No support

    41.0 (41.0)1

    No support

    No support

    No support

    
    
  • ??CSS 中文开发手册
  • 转载请保留页面地址:https://www.breakyizhan.com/css/32055.html

    最小直列大小 | min-inline-size (Logical Properties) - CSS 中文开发手册 - Break易站

    上一篇:sh_03_第1个函数


    下一篇:格列开始 | grid-column-start (Grid Layout) - CSS 中文开发手册 - Break易站