המאפיין right
ב-CSS מגדיר את המרחק בין הקצה הימני של האלמנט לבין הקצה הימני של אלמנט האב שלו. ניתן לציין את המרחק ביחידות כמו פיקסלים (px), אמ (em), אחוזים (%) ועוד.
באמצעות right
ניתן לשלוט במיקום האופקי של האלמנט בתנאים של position: relative
, absolute
, fixed
, או sticky
.
להלן דוגמה לשימוש במאפיין right
:
באמצעות 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>
רק רגע