Arau bertikala

Erabili arau bertikaleko laguntzaile pertsonalizatua <hr>elementua bezalako zatitzaile bertikalak sortzeko.

Orrialde honetan

Nola dabil

Arau bertikalak elementuan inspiratuta daude <hr>, diseinu arruntetan zatitzaile bertikalak sortzeko aukera ematen baitute. Elementu bezala estiloa dute <hr>:

Zabalak 1pxdira
Dute min-height_1em
Haien kolorea eta bidez ezartzen currentColordaopacity

Pertsonalizatu estilo gehigarriekin behar duzun moduan.

Adibidea

html

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

Arau bertikalek beren altuera eskalatzen dute diseinu malguetan:

html

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

Piloekin

Pilatan ere erabil daitezke :

Lehenengo elementua

Bigarren elementua

Hirugarren elementua

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>