Негізгі мазмұнға өту Құжаттар шарлауына өту
in English

Тік ереже

<hr>Элемент сияқты тік бөлгіштерді жасау үшін теңшелетін тік ереже көмекшісін пайдаланыңыз .

Бұл қалай жұмыс істейді

Тік ережелер элементтен шабыттандырылған, <hr>жалпы орналасуларда тік бөлгіштер жасауға мүмкіндік береді. Олар <hr>элементтер сияқты стильдендірілген:

  • Олар 1pxкең
  • Оларда min-heightбар1em
  • currentColorОлардың түсі және арқылы орнатыладыopacity

Қажет болса, оларды қосымша стильдермен теңшеңіз.

Мысал

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

Тік ережелер икемді орналасуларда олардың биіктігін масштабтайды:

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

Стектермен

Оларды стектерде де пайдалануға болады :

Бірінші элемент
Екінші элемент
Үшінші элемент
<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>