Тэг 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,
які задае перанос на новы радок
