מה זה padding?

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

שימוש במאפיין padding

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

דוגמה לשימוש ב-padding

להלן דוגמה לשימוש במאפיין padding:

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

שימושים מתקדמים

באמצעות padding ניתן לשלב עם מאפיינים כמו border ו-margin כדי לשלוט בעיצוב הכולל של האלמנט וליצור תוצאות מדויקות בעיצובים שונים.

    <div style="padding: 20px; border: 2px solid black; background: lightgreen;">
                    תוכן עם ריפוד פנימי של 20 פיקסלים
                  </div>