Dikey kural

Öğe gibi dikey bölücüler oluşturmak için özel dikey kural yardımcısını kullanın <hr>.

Bu sayfada

Nasıl çalışır

Dikey kurallar, <hr>öğeden ilham alınarak ortak düzenlerde dikey bölücüler oluşturmanıza olanak tanır. Tıpkı <hr>öğeler gibi şekillendirildiler:

onlar 1pxgeniş
sahip min-heightoldukları1em
Renkleri ile ayarlanır currentColorveopacity

Bunları gerektiği gibi ek stillerle özelleştirin.

Örnek

html

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

Dikey kurallar, esnek düzenlerde yüksekliklerini ölçeklendirir:

html

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

yığınlar ile

Yığınlarda da kullanılabilirler :

İlk eşya

İkinci öğe

Üçüncü öğe

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>