Tagu hr
Tagu hr vendos një vijë horizontale ndarëse.
Përparësia e tagut është se për të vizatuar një vijë të vetme,
nuk kërkohet krijimi i blloqeve të panevojshme.
Nuk kërkon tag mbyllës.
Shembull
Le të shohim se si funksionon tagu hr:
<hr>
:
Shembull
Le të përpiqemi të ndryshojmë ngjyrën e vijës duke përdorur
vetinë CSS border-color:
<hr style="border-color: red;">
:
Shembull
Ngjyra e vijës mund të ndryshohet gjithashtu edhe me vetinë
color
(në këtë rast, nëse janë vendosur njëkohësisht vetitë
color dhe border-color
- e dyta ka përparësi):
<hr style="color: red">
:
Shembull
Le të ndryshojmë ngjyrën e vijës tani duke përdorur
vetinë CSS border.
Kushtojini vëmendje faktit që në këtë rast vija
do të bëhet me trashësi të dyfishtë (pasi kemi vendosur
kufi si sipër ashtu edhe poshtë):
<hr style="border: 1px solid red;">
:
Shembull
Le të përpiqemi të ndryshojmë ngjyrën e vijës duke përdorur vetinë CSS
border-top,
dhe të vendosim vetëm kufirin e sipërm. Tani
nuk do të ketë vijë të dyfishtë:
<hr style="border-top: 1px solid red;">
:
Shembull
Le ta bëjmë vijën në formë pikash duke përdorur
vetinë CSS border-top,
të vendosim vlerën dotted në vend të solid:
<hr style="border-top: 1px dotted red;">
:
Shembull
Le të rrisim trashësinë e vijës duke përdorur
vetinë CSS border-width:
<hr style="border-width: 10px; border-color: red;">
:
Shembull
Dhe tani le t'i shtojmë vijës lartësi height
dhe kufi përmes border.
Kufiri në këtë rast do të ndahet në pjesën e sipërme dhe të poshtme:
<hr style="height: 10px; border: 1px solid red;">
:
Shihni gjithashtu
-
tagu
br,
i cili vendos një kthim në rresht të ri