📜  CSS | margin-inline-end 属性

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

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

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

属性值:

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

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

html


 

    CSS | margin-inline-end Property
    

 

    
        

Geeksforgeeks

        CSS | margin-inline-end Property         

        
            Cascading Stylesheet         
      
 


html


 

    CSS | margin-inline-end Property
    

 

    
        

Geeksforgeeks

        CSS | margin-inline-end Property         

        
            Cascading Stylesheet         
      
 


输出:

示例 2:

html



 

    CSS | margin-inline-end Property
    

 

    
        

Geeksforgeeks

        CSS | margin-inline-end Property         

        
            Cascading Stylesheet         
      
                                                 

输出:

参考: https://docs.w3cub.com/css/margin-inline-end/
支持的浏览器: margin-inline-end 属性支持的浏览器如下:

  • IE浏览器
  • 火狐浏览器