Vertikalno pravilo

Uporabite pomočnika za navpična pravila po meri, da ustvarite navpične ločnice, kot je <hr>element.

Na tej strani

Kako deluje

Navpična pravila se zgledujejo po <hr>elementu, kar vam omogoča ustvarjanje navpičnih ločnic v običajnih postavitvah. Oblikovani so tako kot <hr>elementi:

1pxŠiroke so
Imajo min-heightod1em
Njihova barva se nastavi prek currentColorinopacity

Po potrebi jih prilagodite z dodatnimi slogi.

Primer

html

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

Navpična pravila spreminjajo svojo višino v fleksibilnih postavitvah:

html

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

S skladi

Uporabljajo se lahko tudi v nizih :

Prvi predmet

Drugi predmet

Tretji predmet

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>