Vertikala regulo

Uzu la kutiman vertikalan regulhelpilon por krei vertikalajn disigilojn kiel la <hr>elementon.

Sur ĉi tiu paĝo

Kiel ĝi funkcias

Vertikalaj reguloj estas inspiritaj de la <hr>elemento, permesante al vi krei vertikalajn disigilojn en oftaj aranĝoj. Ili estas stilitaj same kiel <hr>elementoj:

Ili estas 1pxlarĝaj
Ili havas min-heightde1em
Ilia koloro estas agordita per currentColorkajopacity

Agordu ilin per pliaj stiloj laŭbezone.

Ekzemplo

html

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

Vertikalaj reguloj skalas sian altecon en fleksaj aranĝoj:

html

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

Kun stakoj

Ili ankaŭ povas esti uzataj en stakoj :

Unua ero

Dua ero

Tria ero

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>