مکيه مواد ڏانهن وڃو Docs نيويگيشن ڏانھن وڃو
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>