Függőleges szabály

Használja az egyéni függőleges szabálysegítőt függőleges elválasztók, például az <hr>elem létrehozásához.

Ezen az oldalon

Hogyan működik

A függőleges szabályokat az elem ihlette <hr>, lehetővé téve függőleges elválasztók létrehozását a közös elrendezésekben. Stílusuk olyan, mint az <hr>elemek:

Szélesek 1px_
Van min-heightnekik1em
A színük beállítása a currentColorésopacity

Igény szerint testreszabhatja őket további stílusokkal.

Példa

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

A függőleges szabályok skálázzák a magasságukat rugalmas elrendezésekben:

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

Veremekkel

Veremben is használhatók :

Első tétel

Második tétel

Harmadik tétel

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