CSS padding-left用法及代码示例

填充是其内容与其边界之间的空间。 CSS中的padding-left属性用于设置元素左侧的填充区域的宽度。

用法:

padding-left:length|percentage|initial|inherit;

属性值：

length:此模式用于将填充大小指定为固定值。默认值为0。它必须为非负数。

用法:

padding-left:length;

例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title> 
            padding-left Property 
        </title> 
        <style> 
            .geek { 
                padding-left:90px; 
                color:white; 
                background:green; 
            } 
        </style> 
    </head> 
      
    <body> 
        <h1 style = "color:green; text-align:center"> 
            GeeksforGeeks 
        </h1> 
          
        <h2 style = "text-align:center"> 
            padding-left Property 
        </h2> 
          
        <!-- padding-left property used here -->
        <p class="geek"> 
            This paragraph has a padding-left:90px; 
        </p> 
    </body> 
</html>

输出：
paddingleft

percentage:此模式用于以元素宽度的百分比指定左填充。它必须是非负的。

用法:

padding-left:percentage;

例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title> 
            padding-left Property 
        </title> 
        <style> 
            .geek { 
                padding-left:25%; 
                color:white; 
                background:green; 
            } 
        </style> 
    </head> 
      
    <body> 
        <h1 style = "color:green; text-align:center"> 
            GeeksforGeeks 
        </h1> 
          
        <h2 style = "text-align:center"> 
            padding-left Property 
        </h2> 
          
        <!-- padding-left property used here -->
        <p class = "geek"> 
            This paragraph has a padding-left:25%; 
        </p> 
    </body> 
</html>

输出：
paddingleft

initial:此属性用于将padding-left设置为其默认值。
用法：
```
padding-left:initial;
```

支持的浏览器：下面列出了padding-left属性支持的浏览器：

谷歌浏览器1.0
Internet Explorer 4.0
Firefox 1.0
Opera 3.5
苹果Safari 1.0

相关用法

注：本文由纯净天空筛选整理自Vishal Chaudhary 2大神的英文原创作品 CSS | padding-left Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。