मुख्य सामग्री पर जाईं डॉक्स नेविगेशन पर जाईं
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>