top

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



מה זה top?

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

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

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

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

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

אלמנט עם top:20px

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

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

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

    
          <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;">
              אלמנט עם top:20px
            </div>
          </div>
        
    

עוד בקטגוריה Positioning (מיקום)

תגובות

רק רגע

שיתוף