Thuộc tính padding-right CSS
- trang trước padding-left
- Trang tiếp theo padding-top
Định nghĩa và cách sử dụng
Thuộc tính padding-right thiết lập lề phải (trống) của phần tử.
Chú ý:Không được phép sử dụng giá trị âm.
Giải thích
Thuộc tính này thiết lập độ rộng lề phải của phần tử. Lề phải được đặt trên phần tử không thay thế trong dòng trong của phần tử đầu tiên được tạo ra.
Xem thêm:
Hướng dẫn CSS:CSS Nội cạnh
Hướng dẫn tham khảo HTML DOM:Thuộc tính paddingRight
Ví dụ
Đặt lề phải cho phần tử p:
p { padding-right:2cm; }
(Có thể tìm thấy nhiều ví dụ hơn ở cuối trang)
Ngữ pháp CSS
padding-right: length|initial|inherit;
Giá trị thuộc tính
Giá trị | Mô tả |
---|---|
length | Định nghĩa giá trị lề phải cố định bằng đơn vị cụ thể, chẳng hạn như pixel, cm, v.v. Giá trị mặc định là 0px. |
% | Định nghĩa lề phải phải dựa trên độ rộng của phần tử cha là phần trăm. Giá trị này có thể không hoạt động như mong đợi trên tất cả các trình duyệt. |
inherit | Định nghĩa rằng lề phải nên kế thừa từ phần tử cha. |
Chi tiết kỹ thuật
Giá trị mặc định: | 0 |
---|---|
Kế thừa: | no |
Phiên bản: | CSS1 |
Ngữ pháp JavaScript: | object.style.paddingRight="10px" |
TIY ví dụ
- Đặt lề phải 1
- Ví dụ này minh họa cách sử dụng đơn vị cm để đặt lề phải trong ô.
- Đặt lề phải 2
- Ví dụ này minh họa cách sử dụng phần trăm để đặt lề phải trong ô.
Hỗ trợ trình duyệt
Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- trang trước padding-left
- Trang tiếp theo padding-top