HTML <hr> 标籤

  • หน้าก่อนหน้า <hgroup>
  • หน้าต่อไป <html>

Paglalarawan at paggamit

<hr> Ang tag ay nagtutukoy sa paghihiwalay ng tema sa web page (halimbawa, pagbabago ng paksa).

<hr> Ang mga elemento ay ipinapakita bilang horizontal line, ginagamit sa paghihiwalay ng nilalaman sa web page, o para tukuyin ang pagbabago ng nilalaman.

Mga pangkatiling salita:

HTML DOM reference manual:HR object

Sample

例子 1

Ginagamit <hr> Mga tag upang tukuyin ang pagbabago ng tema sa nilalaman:

<h1> pangunahing wika ng Web </h1>
<p>HTML ay isang standard na wika ng markahin para sa paglikha ng web page. Naglalarawan ng HTML ang istraktura ng web page, binubuo ng isang serye ng mga elemento......</p>
<hr>
<p>CSS ay isang wika na naglalarawan ng paraan kung paano ipapakita ang mga elemento ng HTML sa screen, papel o ibang media......</p>
<hr>
<p>JavaScript ay isang wika ng pamamahala ng HTML at Web. Maaaring baguhin ng JavaScript ang nilalaman at mga halaga ng attribute ng 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
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน
  • หน้าก่อนหน้า <hgroup>
  • หน้าต่อไป <html>