Tag hr
Tag hr membuat garis horizontal pemisah.
Keuntungan dari tag ini adalah untuk membuat
garis tunggal, tidak diperlukan pembuatan
blok tambahan. Tidak memerlukan tag penutup.
Contoh
Mari kita lihat bagaimana tag hr bekerja:
<hr>
:
Contoh
Mari kita coba ubah warna garis menggunakan
properti CSS border-color:
<hr style="border-color: red;">
:
Contoh
Warna garis juga dapat diubah dengan properti
color
(dalam hal ini, jika properti color dan
border-color
ditentukan bersamaan - yang kedua memiliki prioritas):
<hr style="color: red">
:
Contoh
Sekarang mari kita ubah warna garis menggunakan
properti CSS border.
Perhatikan bahwa garis akan menjadi
berketebalan ganda (karena kita menetapkan
border di atas dan di bawah):
<hr style="border: 1px solid red;">
:
Contoh
Mari kita coba ubah warna garis menggunakan CSS
properti border-top,
dan hanya menetapkan border atas. Sekarang
tidak akan ada garis ganda:
<hr style="border-top: 1px solid red;">
:
Contoh
Mari kita buat garis berbentuk titik menggunakan
properti CSS border-top,
atur nilai dotted sebagai pengganti solid:
<hr style="border-top: 1px dotted red;">
:
Contoh
Mari kita tingkatkan ketebalan garis menggunakan
properti CSS border-width:
<hr style="border-width: 10px; border-color: red;">
:
Contoh
Dan sekarang mari kita tambahkan tinggi height
pada garis dan border melalui
border.
Border akan terpisah menjadi atas dan bawah:
<hr style="height: 10px; border: 1px solid red;">
:
Lihat juga
-
tag
br,
yang membuat baris baru