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