عمودی قاعده

څنګه کار کوي

عمودی قواعد د <hr>عنصر لخوا هڅول شوي، تاسو ته اجازه درکوي په عام ترتیبونو کې عمودی ویشونکي جوړ کړئ. دوی د <hr>عناصرو په څیر سټایل شوي دي:

• دوی 1pxپراخ دي
• دوی min-heightلري1em
• د دوی رنګ د currentColorاو له لارې تنظیم شویopacity

د اړتیا سره سم دوی د اضافي سټایلونو سره تنظیم کړئ.

بېلګه

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

عمودی قواعد په فلیکس ترتیبونو کې د دوی لوړوالی اندازه کوي:

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

د سټیکونو سره

دوی په سټکونو کې هم کارول کیدی شي :

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