Tag hr
Tag hr menetapkan garis mendatar pemisah.
Kelebihan tag ini adalah untuk melukis satu garis tunggal,
ia tidak memerlukan penciptaan blok tambahan.
Tidak memerlukan tag penutup.
Contoh
Mari kita lihat bagaimana tag hr berfungsi:
<hr>
:
Contoh
Mari cuba ubah warna garis dengan menggunakan
sifat CSS border-color:
<hr style="border-color: red;">
:
Contoh
Warna garis juga boleh ditukar dengan sifat
color
(pada masa yang sama, jika sifat
color dan border-color
ditetapkan serentak - yang kedua mempunyai keutamaan):
<hr style="color: red">
:
Contoh
Sekarang mari ubah warna garis dengan menggunakan
sifat CSS border.
Perhatikan bahawa dengan ini, garis
akan menjadi dua kali ganda ketebalannya (kerana kita menetapkan
sempadan di atas dan di bawah):
<hr style="border: 1px solid red;">
:
Contoh
Mari cuba ubah warna garis dengan CSS
sifat border-top,
dan tetapkan hanya sempadan atas. Sekarang
tidak akan ada garis berganda:
<hr style="border-top: 1px solid red;">
:
Contoh
Mari jadikan garis berbentuk titik dengan menggunakan
sifat CSS border-top,
tetapkan nilai dotted menggantikan solid:
<hr style="border-top: 1px dotted red;">
:
Contoh
Mari tingkatkan ketebalan garis dengan menggunakan
sifat CSS border-width:
<hr style="border-width: 10px; border-color: red;">
:
Contoh
Sekarang mari tambahkan ketinggian height pada garis
dan sempadan melalui border.
Sempadan pada masa ini akan terbahagi kepada atas dan bawah:
<hr style="height: 10px; border: 1px solid red;">
:
Lihat juga
-
tag
br,
yang menetapkan pemindahan ke baris baru
