लंबवत नियम

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

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