გადადით მთავარ შინაარსზე დოკუმენტების ნავიგაციაზე გადასვლა
Check
in English

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

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