ቀጥታዊ ሕጊ

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