דלג לתוכן הראשי דלג לניווט במסמכים
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>