נכס ריפוד CSS משמש כדי להגדיר את הרווח בין תוכן האלמנט לגבול האלמנט .
זה שונה ממרווח CSS באופן שבו שולי CSS מגדיר את המרחב סביב אלמנטים. ריפוד CSS מושפע מצבעי הרקע. זה מנקה אזור סביב התוכן.
ניתן לשנות ריפוד עליון, תחתון, שמאל וימני באופן עצמאי באמצעות מאפיינים נפרדים. אתה יכול גם לשנות את כל המאפיינים בבת אחת על ידי שימוש במאפיין ריפוד קיצור.
מאפייני ריפוד CSS
| תכונה | תיאור |
|---|---|
| ריפוד | הוא משמש להגדרת כל מאפייני הריפוד בהצהרה אחת. |
| ריפוד-שמאל | הוא משמש להגדרת ריפוד שמאלי של אלמנט. |
| ריפוד-ימין | הוא משמש להגדרת ריפוד נכון של אלמנט. |
| ריפוד-טופ | הוא משמש להגדרת ריפוד עליון של אלמנט. |
| ריפוד-תחתית | הוא משמש להגדרת ריפוד תחתון של אלמנט. |
ערכי ריפוד CSS
| ערך | תיאור |
|---|---|
| אורך | הוא משמש להגדרת ריפוד קבוע ב-pt, px, em וכו'. |
| % | הוא מגדיר ריפוד ב-% מהרכיב המכיל. |
דוגמה לריפוד CSS
p { background-color: pink; } p.padding { padding-top: 50px; padding-right: 100px; padding-bottom: 150px; padding-left: 200px; } <p>This is a paragraph with no specified padding.</p> <p>This is a paragraph with specified paddings.</p> בדוק את זה עכשיו תְפוּקָה:
זוהי פסקה ללא ריפוד מוגדר.
זוהי פסקה עם ריפודים מוגדרים.