Znacznik hr
Znacznik hr tworzy poziomą linię podziału.
Zaletą znacznika jest to, że aby narysować pojedynczą linię,
nie trzeba tworzyć dodatkowych bloków.
Nie wymaga tagu zamykającego.
Przykład
Zobaczmy, jak działa znacznik hr:
<hr>
:
Przykład
Spróbujmy zmienić kolor linii za pomocą
właściwości CSS border-color:
<hr style="border-color: red;">
:
Przykład
Kolor linii można również zmienić właściwością
color
(przy czym, jeśli jednocześnie ustawione są właściwości
color i border-color
- drugie ma priorytet):
<hr style="color: red">
:
Przykład
Zmieńmy teraz kolor linii za pomocą
właściwości CSS border.
Zwróć uwagę, że w tym przypadku linia
stanie się podwójnej grubości (ponieważ ustawiliśmy
obramowanie zarówno u góry, jak i u dołu):
<hr style="border: 1px solid red;">
:
Przykład
Spróbujmy zmienić kolor linii za pomocą CSS
właściwości border-top,
i ustawmy tylko górne obramowanie. Teraz
nie będzie podwójnej linii:
<hr style="border-top: 1px solid red;">
:
Przykład
Zróbmy linię w postaci kropek za pomocą
właściwości CSS border-top,
ustawmy wartość dotted zamiast solid:
<hr style="border-top: 1px dotted red;">
:
Przykład
Zwiększmy grubość linii za pomocą
właściwości CSS border-width:
<hr style="border-width: 10px; border-color: red;">
:
Przykład
A teraz dodajmy linii wysokość height
i obramowanie za pomocą border.
Obramowanie rozdzieli się przy tym na górne i dolne:
<hr style="height: 10px; border: 1px solid red;">
:
Zobacz też
-
znacznik
br,
który tworzy przejście do nowej linii
