मुख्य विषयवस्तु में जाएं डॉक्स नेविगेशन पर जाएं
Check
in English

लंबवत नियम

<hr>एलिमेंट की तरह वर्टिकल डिवाइडर बनाने के लिए कस्टम वर्टिकल रूल हेल्पर का इस्तेमाल करें .

यह काम किस प्रकार करता है

लंबवत नियम तत्व से प्रेरित होते हैं <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>