Lóðrétt regla

Notaðu sérsniðna lóðrétta regluhjálpina til að búa til lóðrétta skilrúm eins og <hr>frumefnið.

Á þessari síðu

Hvernig það virkar

Lóðréttar reglur eru innblásnar af <hr>þættinum, sem gerir þér kleift að búa til lóðrétta skilrúm í algengum uppsetningum. Þeir eru stílaðir alveg eins og <hr>þættir:

Þeir eru 1pxbreiðir
Þeir hafa min-heightaf1em
Litur þeirra er stilltur í gegnum currentColorogopacity

Sérsníddu þá með viðbótarstílum eftir þörfum.

Dæmi

html

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

Lóðréttar reglur skala hæð sína í sveigjanlegu skipulagi:

html

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

Með stafla

Þeir geta einnig verið notaðir í stafla :

Fyrsta atriði

Annað atriði

Þriðja liður

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>