margin
קובע את המרחק בין גבולות האלמנט לבין אלמנטים אחרים.
מה זה margin?
המאפיין margin ב-CSS קובע את המרחק בין גבולות האלמנט לבין אלמנטים אחרים או גבולות של הקונטיינר שלו. ניתן להגדיר את המרג'ין לכל צד בנפרד או להשתמש בערך אחיד לכל הצדדים.
שימוש במאפיין margin
באמצעות margin ניתן לשלוט ברווחים בין האלמנטים בדף וליצור מרווחים אחידים או משתנים לפי הצורך. זה חשוב במיוחד כשמעוניינים לשלוט בפריסת התוכן.
דוגמה לשימוש ב-margin
להלן דוגמה לשימוש במאפיין margin:
תוכן עם מרווח אחיד של 20 פיקסלים מכל צד
בדוגמה זו, האלמנט כולל מרווח של 20 פיקסלים מכל צד.
שימושים מתקדמים
באמצעות margin ניתן להשתמש גם בערכים שליליים כדי להנמיך את המרחק בין אלמנטים, ולהשתמש במאפיינים כמו margin-top, margin-right, margin-bottom ו-margin-left כדי לקבוע רווחים בצדדים שונים של האלמנט.
אפשר להגדיר את זה לדוגמה כך
<div style="margin: 20px; background: lightblue;">
תוכן עם מרווח אחיד של 20 פיקסלים מכל צד
</div>
עוד בקטגוריה Box Model (מודל הקופסה)
תגובות
רק רגע
