عمودی قاعده

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