Негизги мазмунга өтүү Документтердин навигациясына өтүү
Check
in English

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

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