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 жардамы менен сызыкты чекиттер түрүндө кылалы, solid ордуна dotted маанисин берели:

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;">

Результат:

Ошондой эле караңыз