מאפייני השוליים (margin) מגדירים את המרחב שמסביב לאובייקט. ניתן לעשות שימוש בערכים שליליים, לצורך חפיפה בין אובייקטים. מאפייני השוליים העליונים, התחתונים, הימניים או השמאליים, ניתנים לשינוי באופן עצמאי, תוך שימוש במאפיינים מופרדים. לחילופין, ניתן לעשות שימוש בדרך כתיבה מקוצרת לצורך שינוי מאפייני כל השוליים בו זמנית.
| הערה: בדפדפנים נטסקייפ ואקספלורר ברירת המחדל לגודל השוליים היא 8 פיקסלים. בדפדפן "אופרה" לא מוגדרים שוליים כלל ! (במקום זאת מוגדר ב"אופרה" כברירת מחדל מאפיין "ריפוד" (padding) של 8 פיקסלים). לפיכך אם ברצונכם לשנות את גודל השוליים במוצגים בדפדפן, יש לשנות במקביל גם את הגדרות ה"ריפוד" על מנת שהעמוד יוצג כהלכה גם ב"אופרה". |
דוגמא:
<html>
<head>
<style type="text/css">
p.margin {margin: 2cm 4cm 3cm 4cm}
</style>
</head>
<body>
<p>זוהי פסקה ללא הגדרות שוליים</p>
<p class="margin">זוהי פסקה אם הגדרות שוליים</p>
<p>זוהי פסקה ללא הגדרות שוליים</p>
</body>
</html>
התוצאה תראה בדפדפן כך:
הטבלה הבאה תציג את המאפיינים העיקריים ואת תמיכת הדפדפנים בכל מאפיין (IE=אקספלורר, F=פיירפוקס, N=נטסקייפ). המספרים בעמודות הדפדפן, מציינים את הגירסה הראשונה התומכת של הדפדפן.
| Property | Description | Values | IE | F | N |
| A shorthand property for setting the margin properties in one declaration | margin-top | 4 | 1 | 4 | |
| Sets the bottom margin of an element | auto | 4 | 1 | 4 | |
| Sets the left margin of an element | auto | 3 | 1 | 4 | |
| Sets the right margin of an element | auto | 3 | 1 | 4 | |
| Sets the top margin of an element | auto | 3 | 1 | 4 |
רשומות
אין תגובות:
הוסף רשומת תגובה