செங்குத்து விதி

எப்படி இது செயல்படுகிறது

செங்குத்து விதிகள் உறுப்பு மூலம் ஈர்க்கப்பட்டு <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>