Вертикаль кагыйдә

<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>