یاسای ڕاست

یارمەتیدەری یاسای ڕاست و خواستی تایبەت بەکاربهێنە بۆ دروستکردنی دابەشکەری ڕاست وەک <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>