📜  CSS | margin-block-start 属性

📅  最后修改于: 2021-08-30 11:46:16             🧑  作者: Mango

margin-block-start 属性用于定义元素的逻辑块起始边距。此属性有助于根据元素的书写模式、方向性和文本方向放置边距。
句法:

margin-block-start: length | auto | initial | inherit;

属性值:

  • 长度:设置以px、cm、pt为单位定义的固定值。允许使用前面提到的负值。 0px 是默认值。
  • auto:当需要浏览器确定左边距的宽度时使用。
  • initial:用于将 margin-left 属性的值设置为其默认值。
  • 继承:当希望元素继承其父元素的 margin-left 属性作为自己的元素时使用。

下面的例子说明了 CSS 中的 margin-block-start 属性:
示例 1:

html


 

    CSS | margin-block-start Property
    

 

    
        

Geeksforgeeks

        CSS | margin-block-start Property         

        
GeeksforGeeks
        
GFG
        
GeeksforGeeks
    
 


html


 

    CSS | margin-block-start Property
    

 

    
        

Geeksforgeeks

        CSS | margin-block-start Property         

        
GeeksforGeeks
        
GFG
        
GeeksforGeeks
    
 


输出:

示例 2:

html



 

    CSS | margin-block-start Property
    

 

    
        

Geeksforgeeks

        CSS | margin-block-start Property         

        
GeeksforGeeks
        
GFG
        
GeeksforGeeks
    
                     

输出:

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

  • 谷歌浏览器
  • IE浏览器
  • 火狐浏览器