Rheol fertigol

Defnyddiwch y cynorthwyydd rheol fertigol wedi'i deilwra i greu rhanwyr fertigol fel yr <hr>elfen.

Ar y dudalen hon

Sut mae'n gweithio

Mae rheolau fertigol yn cael eu hysbrydoli gan yr <hr>elfen, sy'n eich galluogi i greu rhanwyr fertigol mewn cynlluniau cyffredin. Maent wedi'u steilio yn union fel <hr>elfennau:

Maen nhw'n 1pxllydan
Mae ganddynt min-heighto1em
Gosodir eu lliw trwy currentColoraopacity

Addaswch nhw gydag arddulliau ychwanegol yn ôl yr angen.

Enghraifft

html

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

Mae rheolau fertigol yn graddio eu huchder mewn cynlluniau fflecs:

html

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

Gyda phentyrrau

Gellir eu defnyddio hefyd mewn staciau :

Eitem gyntaf

Ail eitem

Trydydd eitem

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>