HTML5: <hr>
Tổng quan
Thẻ <hr> (Horizontal Rule) dùng để tạo đường kẻ ngang; theo đó, hai thành phần trên và dưới trong trang web sẽ được phân cách nhau bằng một đường kẻ ngang khi đặt thẻ <hr> ở giữa chúng.
Thẻ <hr> là thẻ đơn (<hr />).
Nhóm nội dung
Flow.
Nội dung được phép
<hr> không chứa nội dung.
Thẻ đóng
<hr> không có thẻ đóng.
Phần tử cha được phép
Bất kỳ phần tử nào chấp nhận nhóm nội dung Flow.
DOM interface
HTMLHRElement
Thuộc tính
<hr> bao gồm Các thuộc tính Global.
align
Dùng để đặt vị trí cho <hr>. Thuộc tính này gồm các giá trị left (đặt trái), center (đặt giữa) và right (đặt phải).
color
Dùng để đặt màu cho đường kẻ được tạo bởi <hr>.
noshade
Dùng để không đổ bóng cho <hr> (mặc định <hr> sẽ đổ bóng).
size
Dùng để tạo độ dày của đường kẻ, mặc định đường kẻ có độ dày là 1px. Đơn vị của size là px.
width
Dùng để tạo độ rộng cho đường kẻ, mặc định đường kẻ có độ rộng là 100% (có hai đơn vị dành cho thuộc tính width là px và %).
Ví dụ
Ví dụ dưới đây sẽ cho thấy 2 đoạn văn bản sẽ được phân cách nhau bằng một đường kẻ ngang.
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>HTML: Thẻ hr</h1>
<hr noshade color="red" size="5">
<p>Dùng để tạo đường kẻ ngang.</p>
</body>
</html>
Lưu ý
Nên dùng thêm CSS cho thẻ <hr> nếu bạn muốn có được đường kẻ ngang theo ý muốn.
Khả năng tương thích trình duyệt
Desktop
|
Feature |
Chrome |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari (WebKit) |
|---|---|---|---|---|---|
|
Hỗ trợ cơ bản |
1.0 |
(Yes) |
(Yes) |
(Yes) |
(Yes) |
Mobile
|
Feature |
Android |
Firefox Mobile (Gecko) |
IE Phone |
Opera Mobile |
Safari Mobile |
|---|---|---|---|---|---|
|
Hỗ trợ cơ bản |
(Yes) |
(Yes) |
(Yes) |
(Yes) |
(Yes) |
Xem thêm
· <p>