Tag hr
Tag hr nastavuje oddělovací vodorovnou
čáru. Výhoda tagu spočívá v tom, že pro
nakreslení jedné čáry není nutné
vytvářet zbytečné bloky. Nevyžaduje uzavírací
tag.
Příklad
Podívejme se, jak tag hr funguje:
<hr>
:
Příklad
Zkusme změnit barvu čáry pomocí
CSS vlastnosti border-color:
<hr style="border-color: red;">
:
Příklad
Barvu čáry lze také změnit vlastností
color
(pokud jsou současně nastaveny vlastnosti
color a border-color
- druhá má prioritu):
<hr style="color: red">
:
Příklad
Nyní změníme barvu čáry pomocí
CSS vlastnosti border.
Všimněte si, že čára tím
získá dvojnásobnou tloušťku (protože jsme nastavili
ohraničení jak nahoře, tak dole):
<hr style="border: 1px solid red;">
:
Příklad
Zkusme změnit barvu čáry pomocí CSS
vlastnosti border-top,
a nastavme pouze horní ohraničení. Nyní
nebude dvojitá čára:
<hr style="border-top: 1px solid red;">
:
Příklad
Vytvořme čáru ve formě teček pomocí
CSS vlastnosti border-top,
nastavme hodnotu dotted místo solid:
<hr style="border-top: 1px dotted red;">
:
Příklad
Zvětšeme tloušťku čáry pomocí
CSS vlastnosti border-width:
<hr style="border-width: 10px; border-color: red;">
:
Příklad
A nyní přidejme čáře výšku height
a ohraničení pomocí border.
Ohraničení se tím rozdělí na horní a dolní:
<hr style="height: 10px; border: 1px solid red;">
:
Viz také
-
tag
br,
který nastavuje zalomení na nový řádek
