Hr teg

hr teg bölüji gorizontal çyzygy kesgitleýär. Tegin artykmaçlygy, ýeke-täk çyzyk çekmek üçin goşmaça bloklar döretmek zerur däldir. Ýapyjy tege muhtaç däl.

Mysal

Geliň, hr tegin nädip işleýändigine göz aýlalyň:

<hr>

Mysal

Geliň, CSS häsiýeti border-color ýardymy bilen çyzygyň reňkini üýtgetmäge synanyşalyň:

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

Mysal

Çyzygyň reňkini color häsiýeti bilen hem üýtgetmek bolýar (şol bir wagtyň özünde, eger color we border-color häsiýetleri berlen bolsa - ikinjisi prioritete eýe):

<hr style="color: red">

Mysal

Indi bolsa, çyzygyň reňkini CSS häsiýeti border ýardymy bilen üýtgetýäris. Üns beriň, bu ýagdaýda çyzyk iki esse galyňlaşar (sebäbi biz ýokarky we aşaky araçägi berýäris):

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

Mysal

CSS häsiýeti border-top ýardymy bilen çyzygyň reňkini üýtgetmäge synanyşalyň, we diňe ýokarky araçägi bereliň. Indi iki gat çyzyk bolmaz:

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

Mysal

Geliň, çyzygy nokatlar görnüşinde edeliň, bunun üçin CSS häsiýeti border-top ulanyp, dotted bahasyny solid üýtine bereliň:

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

Mysal

Geliň, CSS häsiýeti border-width ýardymy bilen çyzygyň galyňlygyny artylalyň:

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

Mysal

Indi bolsa, çyzyga beýiklik height we border ýardymy bilen araçäk goşalyň. Araçäk bu ýagdaýda ýokarky we aşaky bölümlere bölüner:

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

Şeýle hem göz aýlaň

br teg,
ýaňy setire geçmäni kesgitleýär