left

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

מה זה left?

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

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

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

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

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

אלמנט עם left:20px

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

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

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

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