Thuộc tính bên trái CSS
Thí dụ
Đặt lề trái cho phần tử <p> thành 30 pixel:
p.ex1 {
margin-left: 30px;
}
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
Thuộc margin-left
tính đặt lề trái của một phần tử.
Lưu ý: Giá trị âm được cho phép.
Giá trị mặc định: | 0 |
---|---|
Thừa hưởng: | không |
Hoạt hình: | có, hãy xem các thuộc tính riêng lẻ . Đọc về hoạt hình |
Phiên bản: | CSS1 |
Cú pháp JavaScript: | đối tượng .style.marginLeft = "100px" |
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 | Play it |
---|---|---|
length | Specifies a fixed left margin in px, pt, cm, etc. Default value is 0px. Negative values are allowed. Read about length units | |
% | Specifies a left margin in percent of the width of the containing element | |
auto | The browser calculates a left margin | |
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 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%;
}
Thí dụ
Đặt lề trái cho phần tử <p> thành 2 em:
p.ex1 {
margin-left: 2em;
}
Các trang liên quan
Hướng dẫn CSS: CSS Margin
Tham chiếu DOM HTML: thuộc tính marginLeft