Oznaka hr
Oznaka hr definiše horizontalnu razdvajajuću
liniju. Prednost ove oznake je u tome što za
crtanje pojedinačne linije nije potrebno
praviti dodatne blokove. Ne zahteva zatvarajuću
oznaku.
Primer
Pogledajmo kako oznaka hr radi:
<hr>
:
Primer
Pokušajmo da promenimo boju linije pomoću
CSS svojstva border-color:
<hr style="border-color: red;">
:
Primer
Boja linije se takođe može promeniti svojstvom
color
(pri tome, ako su istovremeno postavljena svojstva
color i border-color
- drugo ima prioritet):
<hr style="color: red">
:
Primer
Sada ćemo promeniti boju linije pomoću
CSS svojstva border.
Obratite pažnju da će linija tada
postati dvostruke debljine (jer smo postavili
ivicu i na vrhu, i na dnu):
<hr style="border: 1px solid red;">
:
Primer
Pokušajmo da promenimo boju linije pomoću CSS
svojstva border-top,
i postavimo samo gornju ivicu. Tada
neće biti dvostruke linije:
<hr style="border-top: 1px solid red;">
:
Primer
Hajde da napravimo liniju u vidu tačaka pomoću
CSS svojstva border-top,
postavimo vrednost dotted umesto solid:
<hr style="border-top: 1px dotted red;">
:
Primer
Hajde da povećamo debljinu linije pomoću
CSS svojstva border-width:
<hr style="border-width: 10px; border-color: red;">
:
Primer
A sada hajde da liniji dodamo visinu height
i ivicu preko border.
Ivica će se tada podeliti na gornju i donju:
<hr style="height: 10px; border: 1px solid red;">
:
Pogledajte takođe
-
oznaka
br,
koja definiše prelazak u novi red
