Теги hr

Теги hr хати уфуқии тақсимкунандаро муайян мекунад. Фоидаи ин тег он аст, ки барои кашидани як хати танҳо, эҷоди блокҳои иловагӣ зарур нест. Теги басташавандаро талаб намекунад.

Намуна

Биёмонд бубинем, ки теги hr чӣ гуна кор мекунад:

html<hr>

Результат:

Намуна

Биёмонд рангти хатиро бо ёрии хосияти CSS border-color тағир диҳем:

html<hr style="border-color: red;">

Результат:

Намуна

Ранги хатиро инчунин бо хосияти color низ тағир додан мумкин аст (дар ин ҳол, агар хосияти color ва border-color ҳамзамон муайян карда шаванд - хосияти дуюм афзалият дорад):

html<hr style="color: red">

Результат:

Намуна

Акнун биёмонд рангти хатиро бо ёрии хосияти CSS border тағир диҳем. Диққат диҳед, ки дар ин ҳол хат дучанд қафо мешавад (зеро мо ҳам сарҳадро аз боло, ҳам аз поён муайян кардем):

html<hr style="border: 1px solid red;">

Результат:

Намуна

Биёмонд рангти хатиро бо ёрии хосияти CSS border-top тағир диҳем, ва танҳо сарҳади болоеро муайян кунем. Акнун хати дучанд нест:

html<hr style="border-top: 1px solid red;">

Результат:

Намуна

Биёмонд хатиро ба шакли нуқтаҳо бо ёрии хосияти CSS border-top созем, қимати dotted-ро ба ҷои solid муайян кунем:

html<hr style="border-top: 1px dotted red;">

Результат:

Намуна

Биёмонд қафати хатиро бо ёрии хосияти CSS border-width зиёд кунем:

html<hr style="border-width: 10px; border-color: red;">

Результат:

Намуна

Ва акнун ба хат баландии height ва сарҳадро тавассути border илова кунем. Сарҳад дар ин ҳол ба болоӣ ва поёнӣ ҷудо мешавад:

html<hr style="height: 10px; border: 1px solid red;">

Результат:

Ҳамчунин нигаред