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:

html<hr>

Результат:

Contoh

Mari cuba ubah warna garis dengan menggunakan sifat CSS border-color:

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

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

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

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

Результат:

Contoh

Mari jadikan garis berbentuk titik dengan menggunakan sifat CSS border-top, tetapkan nilai dotted menggantikan solid:

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

Результат:

Contoh

Mari tingkatkan ketebalan garis dengan menggunakan sifat CSS border-width:

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

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

Результат:

Lihat juga