Вертикалдуу эреже

<hr>Элемент сыяктуу вертикалдуу бөлгүчтөрдү түзүү үчүн ыңгайлаштырылган тик эреженин жардамчысын колдонуңуз .

Бул бетте

Бул кантип иштейт

Вертикалдык эрежелер элементтен шыктандырылып <hr>, жалпы макеттерде тик бөлгүчтөрдү түзүүгө мүмкүндүк берет. Алар <hr>элементтер сыяктуу стилделет:

Алар 1pxкенен
Аларда min-heightбар1em
currentColorАлардын түсү жана аркылуу белгиленетopacity

Керек болсо, аларды кошумча стилдер менен ыңгайлаштырыңыз.

Мисал

html

<div class="vr"></div>

Вертикалдык эрежелер ийкемдүү макеттерде алардын бийиктигин масштабдайт:

html

<div class="d-flex" style="height: 200px;">
  <div class="vr"></div>
</div>

Стектер менен

Алар ошондой эле стектерде колдонсо болот :

Биринчи пункт

Экинчи пункт

Үчүнчү пункт

html

<div class="hstack gap-3">
  <div class="bg-light border">First item</div>
  <div class="bg-light border ms-auto">Second item</div>
  <div class="vr"></div>
  <div class="bg-light border">Third item</div>
</div>