แท็ก <hr> สร้างเส้นคั่นแนวนอน (thematic break) แสดงการเปลี่ยนหัวข้อหรือส่วนในเอกสาร
แอตทริบิวต์ (Deprecated ทั้งหมดใน HTML5)
| แอตทริบิวต์ | ค่า | คำอธิบาย |
|---|---|---|
| align | left, center, right | การจัดตำแหน่ง |
| noshade | noshade | ไม่มีเงา |
| size | pixels, % | ความสูงเส้น |
| width | pixels, % | ความกว้างเส้น |
ตัวอย่าง
<!DOCTYPE html> <html> <head> <title>HTML hr Tag</title> </head> <body> <p>ข้อความก่อนเส้นคั่น</p> <hr /> <p>ข้อความหลังเส้นคั่น</p> <hr /> </body> </html>
ใน HTML5 ควรใช้ CSS จัดสไตล์ <hr> แทนแอตทริบิวต์เก่า เช่น hr { border: 1px solid #ccc; margin: 2rem 0; }