සිරස් රීතිය

<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>