מאפייני הריפוד (padding) מגדירים את המרחב שבין גבולות האובייקט לבין תוכן האובייקט. ערכים שליליים אינם מתאפשרים. ניתן להגדיר באופן עצמאי מאפיינים לריפוד העליון, התחתון, הימני או השמאלי, באמצעות מאפיינים נפרדים לכל אחד מהם. לחילופין, ניתן לעשות שימוש בדרך כתיבה מקוצרת לצורך שינוי מאפייני כל השוליים בו זמנית.
לדוגמא:
<head>
<style type="text/css">
td.test1 {padding: 1.5cm}
td.test2 {padding: 0.5cm 2.5cm}
</style>
</head>
<body>
<table border="1">
<tr>
<td class="test1">
זהו תא בטבלה עם מאפייני ריפוד זהים מכל הכיוונים
</td>
</tr>
</table>
<br />
<table border="1">
<tr>
<td class="test2">
תא טבלה זה כולל הגדרות ריפוד של 0.5 ס"מ למעלה ולמטה ו- 2.5 ס"מ בריפוד הימני והשמאלי
</td>
</tr>
</table>
</body>
והתוצאה נראית בדפדפן כך:
הטבלה הבאה תציג את המאפיינים העיקריים ואת תמיכת הדפדפנים בכל מאפיין (IE=אקספלורר, F=פיירפוקס, N=נטסקייפ). המספרים בעמודות הדפדפן, מציינים את הגירסה הראשונה התומכת של הדפדפן.
| Property | Description | Values | IE | F | N |
| A shorthand property for setting all of the padding properties in one declaration | padding-top | 4 | 1 | 4 | |
| Sets the bottom padding of an element | length | 4 | 1 | 4 | |
| Sets the left padding of an element | length | 4 | 1 | 4 | |
| Sets the right padding of an element | length | 4 | 1 | 4 | |
| Sets the top padding of an element | length | 4 | 1 | 4 |
רשומות
אין תגובות:
הוסף רשומת תגובה