Asosiy tarkibga o'tish Hujjatlar navigatsiyasiga oʻtish
Check
in English

Vertikal qoida

<hr>Element kabi vertikal boʻlinmalarni yaratish uchun maxsus vertikal qoida yordamchisidan foydalaning .

Ushbu sahifada

U qanday ishlaydi

<hr>Vertikal qoidalar elementdan ilhomlangan bo'lib , umumiy tartiblarda vertikal bo'linishlarni yaratishga imkon beradi. Ular xuddi <hr>elementlar kabi uslubga ega:

  • Ular 1pxkeng
  • Ularda min-heightbor1em
  • currentColorUlarning rangi va orqali o'rnatiladiopacity

Zarur bo'lganda ularni qo'shimcha uslublar bilan moslashtiring.

Misol

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

Vertikal qoidalar moslashuvchan sxemalarda balandligini o'lchaydi:

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

Staklar bilan

Ular steklarda ham ishlatilishi mumkin :

Birinchi element
Ikkinchi element
Uchinchi element
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>