Aturan vertikal

Gunakake helper aturan vertikal khusus kanggo nggawe pemisah vertikal kaya <hr>unsur kasebut.

Ing kaca iki

Cara kerjane

Aturan vertikal diilhami dening <hr>unsur kasebut, ngidini sampeyan nggawe pemisah vertikal ing tata letak umum. Padha ditata kaya <hr>unsur:

Padha 1pxamba
Padha duwe min-heightsaka1em
Werna disetel liwat currentColorlanopacity

Setel karo gaya tambahan yen perlu.

Tuladha

html

<div class="vr"></div>

Aturan vertikal ngukur dhuwure ing tata letak fleksibel:

html

<div class="d-flex" style="height: 200px;">
  <div class="vr"></div>
</div>

Kanthi tumpukan

Padha uga bisa digunakake ing tumpukan :

Item pisanan

Item kapindho

item katelu

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>