Regla vertical

Utilitzeu l'ajudant de regles verticals personalitzades per crear divisors verticals com l' <hr>element.

En aquesta pàgina

Com funciona

Les regles verticals s'inspiren en l' <hr>element, cosa que us permet crear divisors verticals en dissenys habituals. Estan dissenyats com els <hr>elements:

Són 1pxamples
En tenen min-heightde1em
El seu color s'estableix mitjançant currentColoriopacity

Personalitzeu-los amb estils addicionals segons sigui necessari.

Exemple

html

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

Les regles verticals escalen la seva alçada en dissenys flexibles:

html

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

Amb piles

També es poden utilitzar en piles :

Primer element

Segon element

Tercer element

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>