Függőleges szabály

Az egyéni függőleges szabálysegéd segítségével függőleges elválasztókat, például az <hr>elemet hozhat létre.

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
Színük beállítása a currentColorésopacity

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

Példa

html

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

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

html

<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

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>