Thuộc tính lề trái CSS
Thêm ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và cách sử dụng
Thuộc tính margin-left
thiết lập lề trái của một phần tử.
Lưu ý: Cho phép giá trị âm.
Giá trị mặc định: | 0 |
---|---|
Thừa hưởng: | KHÔNG |
Hoạt hình: | vâng, xem các thuộc tính riêng lẻ . Đọc về hoạt hình Hãy thử nó |
Phiên bản: | CSS1 |
Cú pháp JavaScript: | đối tượng .style.marginLeft="100px" 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 | |||||
---|---|---|---|---|---|
margin-left | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
Cú pháp CSS
margin-left: length |auto|initial|inherit;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
length | Specifies a fixed left margin in px, pt, cm, etc. Default value is 0px. Negative values are allowed. Read about length units | Demo ❯ |
% | Specifies a left margin in percent of the width of the containing element | Demo ❯ |
auto | The browser calculates a left margin | 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 lề trái cho phần tử <p> thành 10% chiều rộng của vùng chứa:
p.ex1 {
margin-left: 10%;
}
Hãy tự mình thử »Trang liên quan
Hướng dẫn CSS: CSS Margin
Tham chiếu DOM HTML: thuộc tính lềLeft