Thẻ <hr> HTML

Định nghĩa và cách sử dụng

<hr> Thẻ định nghĩa sự phân隔 chủ đề trong trang HTML (ví dụ, sự thay đổi chủ đề).

<hr> Thành phần thường hiển thị dưới dạng đường thẳng ngang, dùng để phân隔 nội dung trong trang HTML hoặc định nghĩa sự thay đổi trên nội dung.

Xem thêm:

Tài liệu tham khảo HTML DOM:Đối tượng HR

Mô hình

Ví dụ 1

Sử dụng <hr> Thẻ để định nghĩa sự thay đổi chủ đề trong nội dung:

<h1>Ngôn ngữ chính của Web</h1>
<p>HTML là ngôn ngữ đánh dấu tiêu chuẩn để tạo các trang web. HTML mô tả cấu trúc của các trang web, được组成 từ một loạt các thành phần......</p>
<hr>
<p>CSS là ngôn ngữ mô tả cách hiển thị của các thành phần HTML trên màn hình, giấy hoặc các phương tiện khác......</p>
<hr>
<p>JavaScript là ngôn ngữ lập trình của HTML và Web. JavaScript có thể thay đổi nội dung và giá trị thuộc tính của HTML......</p>

Thử nghiệm ngay

Ví dụ 2

Căn chỉnh <hr> Thành phần (Sử dụng CSS):

<hr style="width:50%;text-align:left;margin-left:0">

Thử nghiệm ngay

Ví dụ 3

Không có bóng <hr> (Sử dụng CSS):

<hr style="height:2px;border-width:0;color:gray;background-color:gray">

Thử nghiệm ngay

Mẫu 4

Cài đặt <hr> Chiều cao của thành phần (sử dụng CSS):

<hr style="height:30px">

Thử nghiệm ngay

Mẫu 5

Cài đặt <hr> Chiều rộng của thành phần (sử dụng CSS):

<hr style="width:50%">

Thử nghiệm ngay

Thuộc tính toàn cục

<hr> Nhãn này còn hỗ trợ Thuộc tính toàn cục trong HTML.

Thuộc tính sự kiện

<hr> Nhãn này còn hỗ trợ Thuộc tính sự kiện trong HTML.

Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị giá trị mặc định sau đây <hr> Thành phần:

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}

Thử nghiệm ngay

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ