Thuộc tính xóa CSS
Ví dụ
Phần tử <p> được đẩy xuống dưới các phần tử nổi bên trái (phần tử <p> không cho phép các phần tử nổi ở phía bên trái):
img
{
float: left;
}
p.clear
{
clear: left;
}
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thuộc tính clear
kiểm soát luồng bên cạnh các phần tử nổi.
Thuộc tính clear
chỉ định điều gì sẽ xảy ra với phần tử bên cạnh phần tử nổi.
Mẹo: Ngoài ra, hãy xem thuộc tính float
.
Giá trị mặc định: | không có |
---|---|
Thừa hưởng: | KHÔNG |
Hoạt hình: | KHÔNG. Đọc về hoạt hình |
Phiên bản: | CSS1 |
Cú pháp JavaScript: | object .style.clear="cả hai" Hãy thử nó |
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 | |||||
---|---|---|---|---|---|
clear | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
Cú pháp CSS
clear: none|left|right|both|initial|inherit;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
none | Default. The element is not pushed below left or right floated elements | Demo ❯ |
left | The element is pushed below left floated elements | Demo ❯ |
right | The element is pushed below right floated elements | Demo ❯ |
both | The element is pushed below both left and right floated elements | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Trang liên quan
Hướng dẫn CSS: CSS Float
Tham chiếu DOM HTML: thuộc tính rõ ràng