Қоидаи амудӣ

<hr>Барои эҷод кардани тақсимкунакҳои амудӣ ба монанди элемент , ёвари қоидаи амудии фармоиширо истифода баред .

Дар ин саҳифа

Он чӣ гуна кор мекунад

Қоидаҳои амудӣ аз элемент илҳом гирифта шудаанд <hr>, ки ба шумо имкон медиҳанд, ки дар тарҳҳои умумӣ тақсимкунакҳои амудиро эҷод кунед. Онҳо мисли <hr>унсурҳо тарҳрезӣ шудаанд:

Онҳо 1pxвасеъанд
Онхо min-heightаз1em
Ранги онҳо тавассути currentColorва муқаррар карда мешавадopacity

Агар лозим бошад, онҳоро бо услубҳои иловагӣ фармоиш диҳед.

Мисол

html

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

Қоидаҳои амудӣ баландии онҳоро дар тарҳҳои фасеҳ миқёс мекунанд:

html

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

Бо стек

Онҳо инчунин метавонанд дар стекҳо истифода шаванд :

Моддаи якум

Моддаи дуюм

Моддаи сеюм

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>