Үндсэн агуулга руу шилжих Docs навигаци руу алгасах
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>