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:

html<hr>

Результат:

Contoh

Mari kita coba ubah warna garis menggunakan properti CSS border-color:

html<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):

html<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):

html<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:

html<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:

html<hr style="border-top: 1px dotted red;">

Результат:

Contoh

Mari kita tingkatkan ketebalan garis menggunakan properti CSS border-width:

html<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:

html<hr style="height: 10px; border: 1px solid red;">

Результат:

Lihat juga