Tutorial HTML <hr>
HTML <hr> digunakan untuk membuat garis horizontal (garis kiri ke kanan). Dalam Penulisannya di HTML element hr dapat ditulis dengan format <hr> atau <hr/>
Element HTML
<hr> ini berfungsi sebagai pemisah antar element yang satu dengan yang lainya. Pengertian pemisah disini adalah lebih kepada tampilan dibrowser untuk memberitahu user/pengunjung bahwa konten yang mereka lihat berbeda bahasan atau terdapat pergeseran konten sebelumnya.
Contoh Penulisan Tag HTML <hr>
<section>
<h2>Heading 2</h2>
Ini adalah kontent PERTAMA
</section>
<hr/>
<section>
<h2>Heading 2</h2>
Ini adalah kontent KEDUA
</section>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <section> <h2>Heading 2</h2> Ini adalah kontent PERTAMA </section> <hr/> <section> <h2>Heading 2</h2> Ini adalah kontent KEDUA </section> </body> </html>
Global Attributes:
Element
<hr> mencakup Global Attributes HTML.
Event Attributes:
Element
<hr> mencakup Event Attributes HTML.
Browser Support :
Desktop
| Chrome | Ya |
|---|---|
| Safari | Ya |
| Firefox | Ya |
| Opera | Ya |
| IE | Ya |
| Edge | Ya |
Mobile
| Android Webview | Ya |
|---|---|
| Chrome Android | Ya |
| Edge Mobile | Ya |
| Firefox Android | Ya |
| Opera Android | Ya |
| iOs Safari | Ya |
| Samsung Internet | Ya |
Default CSS :
Browser yang support dengan element
<hr>, biasanya mempunyai nilai default :
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
}