Aqbeż għall-kontenut prinċipali Aqbeż għan-navigazzjoni tad-dokumenti
Check
in English

Regola vertikali

Uża l-helper tar-regola vertikali tad-dwana biex toħloq diviżuri vertikali bħall- <hr>element.

Fuq din il-paġna

Kif taħdem

Ir-regoli vertikali huma ispirati mill- <hr>element, li jippermettulek toħloq diviżuri vertikali f'tqassim komuni. Huma stilati bħal <hr>elementi:

  • Huma 1pxwesgħin
  • Huma għandhom min-heightta1em
  • Il-kulur tagħhom huwa stabbilit permezz currentColoruopacity

Ippersonalizzahom bi stili addizzjonali kif meħtieġ.

Eżempju

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

Ir-regoli vertikali jiskalaw l-għoli tagħhom f'tqassim flex:

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

Bil-munzelli

Jistgħu jintużaw ukoll f'munzelli :

L-ewwel oġġett
It-tieni punt
It-tielet punt
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>