ملء في CSS

خصائص padding في CSS هي خاصية مختصرة لتعريف المسافة بين حافة العنصر وحتواه، وهي تسمى أيضًا الهوامش الداخلية.

خصائص padding في CSS

تسمح خصائص padding في CSS لك设定将 حواف العنصر مفصولة عن محتواه.لون الخلفيةتؤثر على الصندوق.

تحديد تعبئة للجوانب المختلفة

يمكنك استخدام خصائص padding الفردية في CSS بسهولة لتعيين تعبئة مختلفة للجوانب المختلفة للعنصر (مثل القمة، أو اليمين، أو القاعدة، أو اليسار).

h1 {
　　　　padding-bottom: 10px;
}
p {
　　　　padding-top: 20px;
　　　　padding-left: 50px;
}

خصائص التعبئة المختصرة

خصائص padding هي خاصية مختصرة لتجنب إعداد التعبئة لكل جانب من جوانب العنصر.padding-top,padding-right,padding-bottom,padding-left.

h1 {
　　　　padding: 10px 20px;
}
p {
　　　　padding: 10px 15px 20px 25px;
}

يمكن استخدام هذا الخصائص padding بفاصلة واحدة، أو اثنتين، أو ثلاثة، أو أربعة فاصلين.

• إذا تم تعيينقيمة واحدة، يتم تطبيقها على جميع الأربعة جوانب.

• إذا تم تحديداثنتان قيم، يتم تطبيق القيمة الأولى في القمة والقاعدة، والقيمة الثانية في اليمين واليسار.

• إذا تم تحديدثلاثة قيم، يتم تطبيق القيمة الأولى في القمة، والقيمة الثانية في اليسار واليمين، والأخيرة في القاعدة.

• إذا تم تحديدأربعة قيم، يتم تطبيقها على التوالي في القمة، اليمين، القاعدة واليسار.