Thuộc tính CSS padding-left
Thí dụ
Đặt phần đệm bên trái cho phần tử <p> thành 50 pixel:
p.ex1 {
padding-left: 50px;
}
Thêm các 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 trống giữa nội dung và đường viền của phần tử đó.
Thuộc padding-left
tính đặt phần đệm bên trái (khoảng trắng) của một phần tử.
Lưu ý: Giá trị âm không được phép.
Giá trị mặc định: | 0 |
---|---|
Thừa hưởng: | không |
Hoạt hình: | Đúng. Đọc về hoạt hình |
Phiên bản: | CSS1 |
Cú pháp JavaScript: | đối tượng .style.paddingLeft = "50px" |
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-left | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Cú pháp CSS
padding-left: length|initial|inherit;
Giá trị tài sản
Value | Description | Play it |
---|---|---|
length | Specifies a fixed left padding in px, pt, cm, etc. Default value is 0. Read about length units | |
% | Specifies a left padding in percent of the width of the containing element | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Các ví dụ khác
Thí dụ
Đặt phần đệm bên trái cho phần tử <p> thành 10% chiều rộng của phần tử chứa:
p.ex1 {
padding-left: 10%;
}
Thí dụ
Đặt phần đệm bên trái cho phần tử <p> thành 2 em:
p.ex1 {
padding-left: 2em;
}
Các trang liên quan
Hướng dẫn CSS: CSS Padding
Tham chiếu DOM HTML: thuộc tính paddingLeft