Ngọc Thanh - 33
- 16/07/2025
Ngọc Thanh 
Thuộc tính clear trong CSS là một loại thuộc tính của CSS dùng để quy định thẻ HTML không được nằm cạnh thẻ HTML khác, hoặc không được nằm cạnh phải, chi tiết như nào hãy cùng chúng tôi phân tích:
Thuộc tính clear trong CSS
Thuộc tính clear trong CSS là gì?
Thuộc tính clear trong CSS là một loại thuộc tính của CSS dùng để quy định thẻ HTML không được nằm cạnh thẻ HTML khác, hoặc quy định thẻ HTML không được nằm cạnh phải hoặc cạnh trái với thẻ HTML khác.
Các giá trị của Thuộc tính clear trong CSS
Css Clear right
Giá trị right trong Clear sẽ quy định thẻ HTML không được nằm cạnh phải hoặc bên trái thẻ HTML có float:right.
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Css Clear right</title>
</head>
<body>
<h1>Chạy thử Css Clear right</h1>
<div style="width:100px;height:100px;background:red;float:left">float:left</div>
<p style="clear:right">Thuộc tính clear trong CSS là một loại thuộc tính của CSS dùng để quy định thẻ HTML không được nằm cạnh thẻ HTML khác, hoặc quy định thẻ HTML không được nằm cạnh phải hoặc cạnh trái với thẻ HTML khác.</p>
<div style="width:100px;height:100px;background:red;float:right">float:right</div>
</body>
</html>
Css Clear left
Giá trị left trong Clear sẽ quy định thẻ HTML không được nằm cạnh trái hoặc bên phải thẻ HTML có float:left.
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Css Clear left</title>
</head>
<body>
<h1>Chạy thử Css Clear left</h1>
<div style="width:100px;height:100px;background:red;float:left">float:left</div>
<p style="clear:left">Thuộc tính clear trong CSS là một loại thuộc tính của CSS dùng để quy định thẻ HTML không được nằm cạnh thẻ HTML khác, hoặc quy định thẻ HTML không được nằm cạnh phải hoặc cạnh trái với thẻ HTML khác.</p>
<div style="width:100px;height:100px;background:red;float:right">float:right</div>
</body>
</html>
Css Clear both
Css Clear both khiến thẻ HTML dành hết một hàng và không nằm chung với bất kỳ thẻ HTML nào, điều kiện là thẻ HTML này không kết hợp với thuộc tính float nào.
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Css Clear both</title>
</head>
<body>
<h1>Chạy thử Css Clear both</h1>
<div style="width:100px;height:100px;background:red;float:left">float:left</div>
<p style="clear:both">Thuộc tính clear trong CSS là một loại thuộc tính của CSS dùng để quy định thẻ HTML không được nằm cạnh thẻ HTML khác, hoặc quy định thẻ HTML không được nằm cạnh phải hoặc cạnh trái với thẻ HTML khác.</p>
<div style="width:100px;height:100px;background:red;float:right">float:right</div>
</body>
</html>
Lời kết
Cảm ơn các bạn đã tham khảo bài viết Thuộc tính clear trong CSS.
- 0 Bình luận
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
