cascading style sheets reference

שוליים

בעזרת CSS-ים, לכל אלמנט יכולים להיות שוליים. השוליים הם הרווח שבין האלמנט והאלמנטים שמעליו, משמאלו, מימינו ומתחתיו. תכונות השוליים הן:

• Margin-top (שוליים-עליון)
• margin-left (שוליים-שמאל)
• margin-bottom (שוליים-תחתון)
• margin-right (שוליים-ימין)
• margin (שוליים)

שוליים-עליון, שוליים-שמאל, שוליים-תחתון, שוליים-ימין, שוליים

מה הם עושים?

מאפייני השוליים קובעים את השוליים העליונים, התחתונים ואת כל השוליים בכלל, בהתאמה.

ערכים אפשריים

ניתן להגדיר שוליים גם כאחוז, גם כאורך או בעזרת השימוש במילת המפתח auto.

לשוליים יכולים להיות גם ערכים שליליים.

אחוזים

ערך אחוזי של שוליים קובע את השוליים המושפעים לאותו האחוז של רוחב האלמנט ההורה. לדוגמא, שוליים-ימין:

margin-right: 20%

20% קובעים את רוחב השוליים הימניים ל20%- מרוחב האלמנט המכיל את האלמנט. שימו לב שהדבר נכון גם לגבי שוליים-עליון ושוליים-תחתון.

ערכיי אורך

אנו נתייחס בפירוט לערכיי אורך בחלק שלנו המדבר על ערכים. בעזרת ערכיי אורך, אתם יכולים לקבוע את השוליים לערך מוחלט, או לערך היחסי לגודל האלמנט עצמו.

ערכים של ברירת מחדל

אם לא הוגדר כל ערך עבור השוליים, השוליים של האלמנט יהיו אפס. כלומר, לא יהיה כל מרווח בין האלמנט ואלמנטים סמוכים.

האם זה עובר בירושה?

האלמנט אינו יורש את תכונת השוליים של האלמנט המכיל אותו.

רמזים והצעות

ניתן להשתמש בשוליים על מנת להשיג תוצאות דומות כמו אלה של מיקום, שעליהם נדבר עוד מעט (למטה. קודם נדבר על ריפוד).