HTML แบบตัวอักษร <hr>

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

การกำหนดและการใช้งาน

<hr> แบตทิกก์นี้ใช้กำหนดการแบ่งเนื้อหาในหน้าเว็บ HTML (เช่น การเปลี่ยนแปลงในหัวข้อ)

<hr> องค์ประกอบทั่วไปจะแสดงเป็นสายน้ำตาย ใช้ในการแบ่งเนื้อหาในหน้าเว็บ HTML หรือกำหนดการเปลี่ยนแปลงบนเนื้อหา。

ดูเพิ่มเติมที่:

คู่มือ HTML DOM:วัตถุ HR

ตัวอย่าง

ตัวอย่าง 1

ใช้ <hr> ตามแบบที่มีการเปลี่ยนแปลงในเนื้อหา:

<h1>ภาษาหลักของ Web</h1>
<p>HTML คือสากลวิธีที่ใช้สำหรับสร้างหน้าเว็บ。HTML ระบุโครงสร้างของหน้าเว็บ ซึ่งประกอบด้วยองค์ประกอบต่าง ๆ......</p>
<hr>
<p>CSS คือภาษาที่ใช้เพื่ออธิบายวิธีแสดงผลขององค์ประกอบ HTML บนหน้าจอ、กระดาษหรือสื่ออื่น ๆ......</p>
<hr>
<p>JavaScript คือภาษาการเขียนโปรแกรมสำหรับ HTML และ Web。JavaScript สามารถเปลี่ยนแปลงเนื้อหาและค่าของคุณสมบัติ 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>