خاصية الحشو CSS يستخدم لتحديد المسافة بين محتوى العنصر وحدود العنصر .

وهو يختلف عن هامش CSS في الطريقة التي يحدد بها هامش CSS المساحة حول العناصر. تتأثر حشوة CSS بألوان الخلفية. يقوم بمسح منطقة حول المحتوى.

يمكن تغيير الحشو العلوي والسفلي واليسار واليمين بشكل مستقل باستخدام خصائص منفصلة. يمكنك أيضًا تغيير جميع الخصائص مرة واحدة باستخدام خاصية الحشو المختصرة.

خصائص الحشو CSS

قيم الحشو CSS

مثال الحشو 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> 

انتاج:

هذه فقرة بدون حشوة محددة.

هذه فقرة ذات حشوات محددة.