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

<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 теги,
жаңы сапка которулууну коёт