CSS padding-bottom屬性用法及代碼示例

元素的填充是其內容和邊界之間的空間。 padding-bottom CSS屬性用於設置元素底部的填充區域的高度。

用法:

padding-bottom:length|percentage;

屬性值：

length:此值用於將填充的大小指定為固定值。默認值為0。它必須為非負數。

用法:

padding-bottom:length;

例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>CSS padding-bottom Property</title> 
        <style> 
            p.geek { 
            padding-bottom:35px; 
            color:white; 
            background:green; 
            } 
        </style> 
    </head> 
      
    <body style = "text-align:center;"> 
          
        <h1 style = "color:green;">GeeksforGeeks</h1> 
          
        <h2>padding-bottom Property</h2> 
          
        <!-- Below paragraph element has a  
            padding-bottom of 35px -->
        <p class="geek"> 
            This paragraph has a padding-bottom:35px; 
        </p> 
          
    </body> 
</html>

輸出：
paddingbottom

percentage:這種類型的值用於指定元素底部寬度的百分比。它必須是非負的。

用法:

padding-bottom:percentage;

例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>CSS padding-bottom Property</title> 
          
        <style> 
            p.geek { 
            padding-bottom:10%; 
            color:white; 
            background:green; 
            } 
        </style> 
    </head> 
      
    <body style = "text-align:center;"> 
          
        <h1 style = "color:green;">GeeksforGeeks</h1> 
          
        <h2>padding-bottom Property</h2> 
          
        <!-- Below Paragraph element has a  
            padding-bottom of 10% -->
        <p class="geek"> 
            This paragraph has a padding-bottom:10%; 
        </p> 
    </body> 
</html>

輸出：
paddingbottom

支持的瀏覽器：下麵列出了padding-bottom屬性支持的瀏覽器：

穀歌瀏覽器1.0
Internet Explorer 4.0
Firefox 1.0
Opera 3.5
蘋果Safari 1.0

相關用法

注：本文由純淨天空篩選整理自Vishal Chaudhary 2大神的英文原創作品 CSS padding-bottom Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。