Značka hr
Značka hr nastavuje oddeľovaciu horizontálnu
čiaru. Výhodou značky je, že na vytvorenie
jedej čiary nie je potrebné vytvárať
ďalšie bloky. Nevyžaduje uzatváraciu
značku.
Príklad
Pozrime sa, ako funguje značka hr:
<hr>
:
Príklad
Skúsme zmeniť farbu čiary pomocou
CSS vlastnosti border-color:
<hr style="border-color: red;">
:
Príklad
Farbu čiary je možné zmeniť aj vlastnosťou
color
(pričom, ak sú súčasne nastavené vlastnosti
color a border-color
- druhá má prioritu):
<hr style="color: red">
:
Príklad
Teraz zmeňme farbu čiary pomocou
CSS vlastnosti border.
Všimnite si, že čiera sa tým stane
dvojnásobne hrubšou (pretože sme nastavili
ohraničenie hore aj dole):
<hr style="border: 1px solid red;">
:
Príklad
Skúsme zmeniť farbu čiary pomocou CSS
vlastnosti border-top,
a nastavme len horné ohraničenie. Teraz
nebude dvojitej čiary:
<hr style="border-top: 1px solid red;">
:
Príklad
Vytvorme čiaru vo forme bodiek pomocou
CSS vlastnosti border-top,
nastavme hodnotu dotted namiesto solid:
<hr style="border-top: 1px dotted red;">
:
Príklad
Zväčšime hrúbku čiary pomocou
CSS vlastnosti border-width:
<hr style="border-width: 10px; border-color: red;">
:
Príklad
A teraz pridajme čiary výšku height
a ohraničenie pomocou border.
Ohraničenie sa tým rozdelí na horné a dolné:
<hr style="height: 10px; border: 1px solid red;">
:
Pozrite tiež
-
značka
br,
ktorá nastavuje zalamovanie na nový riadok
