bottom

מגדיר את המרחק בין הקצה התחתון של האלמנט לאלמנט האב שלו.

מה זה bottom?

המאפיין bottom ב-CSS מגדיר את המרחק בין הקצה התחתון של האלמנט לבין הקצה התחתון של אלמנט האב שלו. ניתן לציין את המרחק ביחידות כמו פיקסלים (px), אמ (em), אחוזים (%) ועוד.

שימוש במאפיין bottom

באמצעות bottom ניתן לשלוט במיקום האנכי של האלמנט בתנאים של position: relative, absolute, fixed, או sticky.

דוגמה לשימוש ב-bottom

להלן דוגמה לשימוש במאפיין bottom:

אלמנט עם bottom:20px

שימושים מתקדמים

באמצעות bottom ניתן למקם את האלמנט בדיוק בהתאם לצרכים העיצוביים של הדף.

אפשר להגדיר את זה לדוגמה כך

    
          <div style="position: relative; width: 200px; height: 200px; background-color: lightblue;">
            <div style="position: absolute; bottom: 20px; left: 20px; width: 100px; height: 100px; background-color: lightcoral;">
              אלמנט עם bottom:20px
            </div>
          </div>