Тег hr
Тег hr дефинише хоризонталну линију
раздвајања. Предност овог тега је у томе што
за цртање једне линије није потребно
креирати додатне блокове. Не захтева затварајући
тег.
Пример
Хајде да видимо како тег hr функционише:
<hr>
:
Пример
Покушајмо да променимо боју линије помоћу
CSS својства border-color:
<hr style="border-color: red;">
:
Пример
Боју линије такође можемо променити и својством
color
(при томе, ако су истовремено задата својства
color и border-color
- друго има приоритет):
<hr style="color: red">
:
Пример
Хајде сада да променимо боју линије помоћу
CSS својства border.
Обратите пажњу да ће линија у том случају
постати дупло дебља (јер смо дефинисали
ивицу и на врху и на дну):
<hr style="border: 1px solid red;">
:
Пример
Покушајмо да променимо боју линије помоћу CSS
својства border-top,
и задајмо само горњу ивицу. Сада неће
бити дупле линије:
<hr style="border-top: 1px solid red;">
:
Пример
Хајде да направимо линију у виду тачака помоћу
CSS својства border-top,
задајмо вредност dotted уместо solid:
<hr style="border-top: 1px dotted red;">
:
Пример
Хајде да повећамо дебљину линије помоћу
CSS својства border-width:
<hr style="border-width: 10px; border-color: red;">
:
Пример
А сада хајде да додамо линији висину height
и ивицу преко border.
Ивица ће се при томе поделити на горњу и доњу:
<hr style="height: 10px; border: 1px solid red;">
:
Погледајте такође
-
тег
br,
који дефинише прелазак у нови ред
