Saltu al ĉefa enhavo Saltu al navigado de dokumentoj
in English

Vertikala regulo

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

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

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

Vertikalaj reguloj skalas sian altecon en fleksaj aranĝoj:

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