Téigh ar aghaidh chuig an bpríomhábhar Scipeáil chuig nascleanúint docs
in English

Riail ingearach

Úsáid an cúntóir rialach ingearach saincheaptha chun roinnteoirí ingearacha cosúil leis an <hr>eilimint a chruthú.

Ar an leathanach seo

Conas a oibríonn sé

Tá rialacha ingearacha spreagtha ag an <hr>eilimint, rud a ligeann duit roinnteoirí ingearacha a chruthú i leagan amach coitianta. Tá siad stílithe díreach cosúil le <hr>heilimintí:

  • Tá siad 1pxleathan
  • min-heightde1em
  • Socraítear a dath via currentColoragusopacity

Déan iad a shaincheapadh le stíleanna breise de réir mar is gá.

Sampla

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

Scálaíonn rialacha ingearacha a n-airde i leagan amach solúbtha:

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

Le cruacha

Is féidir iad a úsáid freisin i stoic :

An chéad mhír
An dara mír
An tríú mír
<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>