📜  CSS |边距内联属性

📅  最后修改于: 2021-08-31 06:43:53             🧑  作者: Mango

margin-inline 属性用于定义元素的逻辑内联开始和结束边距。此属性有助于根据元素的书写模式、方向性和文本方向放置边距。
句法:

margin-inline: length | auto | initial | inherit | unset;

属性值:

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

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

html


 

    CSS | margin-inline Property
    

 

    
        

Geeksforgeeks

        CSS | margin-inline Property         

        
            Cascading Stylesheet         
      
 


html


 

    CSS | margin-inline Property
    

 

    
        

Geeksforgeeks

        CSS | margin-inline Property           

        
            Cascading Stylesheet         
    
 


输出:

示例 2:

html



 

    CSS | margin-inline Property
    

 

    
        

Geeksforgeeks

        CSS | margin-inline Property           

        
            Cascading Stylesheet         
    
                             

输出:

参考: https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline
支持的浏览器: margin-inline 属性支持的浏览器如下:

  • IE浏览器
  • 火狐浏览器