CSS | margin-left 属性

CSS 中的 margin-left 属性用于设置所需元素左侧边距的宽度。允许此属性的负值。

• 当希望边距远离其邻居时，使用正值。
• 当希望将边距放置得更近时，使用负值。

语法：

margin-left: length|auto|initial|inherit;

属性值：

• length ：设置以 px、cm、pt 为单位定义的固定值。允许使用前面提到的负值。 0 像素是默认值。

  margin-left: 15px;
  

  示例 1 ：

  
     
        
     
       
     
        
  
           This paragraph has 15px margin .
        
     
  
  

  示例 2 ：

  
     
        
     
       
     
        
  
           This paragraph has 20% margin .
        
     
  
  

• auto ：当需要浏览器确定左边距的宽度时使用。

  margin-left: auto;
  

  示例：

  
     
        
     
       
     
        
  
           This paragraph has auto margin .
        
     
  
  

• initial ：用于将 margin-left 属性的值设置为其默认值。

  margin-left: initial;
  

  示例：

  
     
        
     
       
     
        
  
           This paragraph has initial margin .
        
     
  
  

• inherit ：当希望元素继承其父元素的 margin-left 属性作为自己的元素时使用。

  margin-left: inherit; 
  

  示例 1 ：

  
     
        
     
       
     
        
  
        
  
           This paragraph has auto margin .
        
        
     
  
  

  示例 2 ：

  
     
        
     
       
     
        
  
           This paragraph has auto margin .
        
          
        
  
           This paragraph has 10px margin.
        
        
  
          
        
  
           This paragraph has 5% margin.
        
        
  
          
        
  
           This text has an margin of 15px.
        
        
  
     
    
        
  
           This text has a margin of default
           typeset by initial
        
     
     
   
  

支持的浏览器： margin-left 属性支持的浏览器如下：

• 谷歌浏览器 1.0
• 浏览器 6.0
• 歌剧 3.5
• 火狐1.0
• Safari 1.0