Padding của một phần tử là khoảng cách giữa nội dung và đường viền của nó. Thuộc tính CSS padding-bottom dùng để đặt chiều cao vùng padding dưới cùng.
Syntax:
padding-bottom: length|percentage;
Property values:
- length: Giá trị này dùng để chỉ định kích thước padding bằng một giá trị cố định. Giá trị mặc định là 0. Nó phải là một số không âm.
- percentage: Giá trị này dùng để chỉ định padding dưới cùng theo phần trăm chiều rộng phần tử. Nó phải là một số không âm.
Example 1: Trong ví dụ này chúng ta sử dụng thuộc tính 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>
Output: 
Example 2: Trong ví dụ này chúng ta sử dụng thuộc tính 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>
Output:
Supported Browsers: Các trình duyệt được hỗ trợ bởi padding-bottom property được liệt kê dưới đây:
- Google Chrome 1.0 trở lên
- Edge 12.0 trở lên
- Internet Explorer 4.0 trở lên
- Firefox 1.0 trở lên
- Opera 3.5 trở lên
- Apple Safari 1.0 trở lên