in English
Règ vètikal
Sèvi ak èd koutim règ vètikal la pou kreye divizyon vètikal tankou <hr>
eleman an.
Nan paj sa a
Ki jan li fonksyone
Règ vètikal yo enspire pa <hr>
eleman an, ki pèmèt ou kreye divizyon vètikal nan layouts komen. Yo style menm jan ak <hr>
eleman:
- Yo
1px
lajè - Yo genyen
min-height
nan1em
- Se koulè yo mete atravè
currentColor
akopacity
Customize yo ak estil adisyonèl jan sa nesesè.
Egzanp
<div class="vr"></div>
Règ vètikal yo echèl wotè yo nan layout fleksib:
<div class="d-flex" style="height: 200px;">
<div class="vr"></div>
</div>
Avèk pil
Yo kapab tou itilize nan pil :
Premye atik
Dezyèm atik
Twazyèm atik
<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>