right

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



מה זה right?

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

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

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

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

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

אלמנט עם right:20px

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

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

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

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

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

תגובות

רק רגע

שיתוף