Таг 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,
който задава преминаване на нов ред
