Thuộc tính phần đệm CSS phía dưới
Ví dụ
Đặt phần đệm dưới cùng cho phần tử <p> thành 25 pixel:
p.ex1 {
padding-bottom: 25px;
}
Hãy tự mình thử »Thêm ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và cách sử dụng
Phần đệm của một phần tử là khoảng cách giữa nội dung và đường viền của nó.
padding-bottom
thiết lập khoảng đệm dưới cùng (khoảng trắng) của một phần tử.
Lưu ý: Không cho phép giá trị âm.
Giá trị mặc định: | 0 |
---|---|
Thừa hưởng: | KHÔNG |
Hoạt hình: | Đúng. Đọc về hoạt hình Hãy thử nó |
Phiên bản: | CSS1 |
Cú pháp JavaScript: | đối tượng .style.paddingBottom="50px" Hãy dùng thử |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
padding-bottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Cú pháp CSS
padding-bottom: length |initial|inherit;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
length | Specifies a fixed bottom padding in px, pt, cm, etc. Default value is 0. Read about length units | Demo ❯ |
% | Specifies a bottom padding in percent of the width of the containing element | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Thêm ví dụ
Ví dụ
Đặt phần đệm dưới cùng cho phần tử <p> thành 10% chiều rộng của phần tử chứa:
p.ex1 {
padding-bottom: 10%;
}
Hãy tự mình thử »Ví dụ
Đặt phần đệm dưới cùng cho phần tử <p> thành 2 em:
p.ex1 {
padding-bottom: 2em;
}
Hãy tự mình thử »Trang liên quan
Hướng dẫn CSS: CSS Padding
Tham chiếu DOM HTML: thuộc tính đệmBottom