Тег 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,
кој дефинира прелом на нова линија
