tRikSonic
Tema

HTML hr Tag

Terakhir diperbarui : 25 Mei 2018 - 06.12

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/>
background html
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

ChromeYa
SafariYa
FirefoxYa
OperaYa
IEYa
EdgeYa

Mobile

Android WebviewYa
Chrome AndroidYa
Edge MobileYa
Firefox AndroidYa
Opera AndroidYa
iOs SafariYa
Samsung InternetYa

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;
}
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.