CSS | inline-size 属性

CSS 中的inline-size 属性用于定义元素块的水平或垂直大小。它与 width 或 height 属性重合，具体取决于 write-mode 属性的值。它在元素文本周围留下空间。

句法：

inline-size: length | percentage | auto | inherit | initial | unset

属性值：

• 长度：它设置了一个固定值，定义在 px、cm、pt 等中。允许负值。它的默认值为 0px。
• 百分比：与长度相同，但为窗口大小的百分比。
• auto：当需要浏览器确定 inline-size 时使用。
• initial：用于将block-size属性的值设置为其默认值。
• 继承：当希望元素继承其父元素的块大小属性时使用它。
• unset：用于取消设置默认块大小。

下面的例子说明了 CSS 中的 inline-size 属性：

示例 1：

  

    
    

  

    
        
Geeksforgeeks
        CSS | inline-size Property
        


        

            GeeksforGeeks
        
    

  

输出：

示例 2：

  

    
    

  

    
        
Geeksforgeeks
        CSS | inline-size Property
        


        

            
GeeksforGeeks
        
    

  
                    

输出：

支持的浏览器： inline-size 属性支持的浏览器如下：

• 谷歌浏览器
• 边缘
• 火狐浏览器
• 歌剧
• 苹果浏览器

参考： https://developer.mozilla.org/en-US/docs/Web/CSS/inline-size