Tanda <hr> HTML

Definisi dan penggunaan

<hr> Tag menentukan pemisahan subjek di halaman HTML (contohnya, perubahan topik).

<hr> Elemen biasanya dipaparkan sebagai baris horizontal, digunakan untuk memisahkan kandungan di halaman HTML, atau menentukan perubahan di atas kandungan.

Lihat juga：

Panduan Rujukan HTML DOM：Objek HR

实例

例子 1

使用 <hr> Tag untuk menentukan perubahan subjek di dalam kandungan：

<h1>Bahasa Utama Web</h1>
<p>HTML adalah bahasa penanda standar untuk membuat halaman web. HTML mendeskripsikan struktur halaman web, yang terdiri daripada sekumpulan elemen......</p>
<hr>
<p>CSS adalah bahasa untuk menyifatkan cara pemaparan elemen HTML di skrin, kertas atau media lain......</p>
<hr>
<p>JavaScript ialah bahasa pemrograman HTML dan Web. JavaScript boleh mengubah kandungan dan nilai atribut HTML......</p>

亲自试一试

例子 2

对齐 <hr> 元素（使用 CSS）：

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

亲自试一试

例子 3

没有阴影的 <hr> （使用 CSS）：

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

亲自试一试

例子 4

设置 <hr> 元素的高度（使用 CSS）：

<hr style="height:30px">

亲自试一试

例子 5

设置 <hr> 元素的宽度（使用 CSS）：

<hr style="width:50%">

亲自试一试

全局属性

<hr> 标签还支持 HTML 中的全局属性。

事件属性

<hr> 标签还支持 HTML 中的事件属性。

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <hr> 元素：

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

亲自试一试

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持