📜  CSS |块大小属性

📅  最后修改于: 2021-09-01 03:43:30             🧑  作者: Mango

CSS 中的block-size 属性用于定义元素块的水平或垂直大小。它与 width 或 height 属性重合,具体取决于 write-mode 属性的值。它留下下面的空间是元素文本的左侧。
句法:

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

属性值:

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

下面的例子说明了 CSS 中的块大小属性:
示例 1:

html


 

    CSS | block-size Property
    

 

    
        

Geeksforgeeks

        CSS | block-size Property         

        
            GeeksforGeeks         
    
 


html


 

    CSS | block-size Property
    

 

    
        

Geeksforgeeks

        CSS | block-size Property         

        
            

GeeksforGeeks

          
    
 


输出:

示例 2:

html



 

    CSS | block-size Property
    

 

    
        

Geeksforgeeks

        CSS | block-size Property         

        
            

GeeksforGeeks

          
    
                     

输出:

支持的浏览器: block-size 属性支持的浏览器如下:

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