ვერტიკალური წესი

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