padding

css padding playground

padding

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam veritatis repudiandae magni odio voluptates in at, dolores accusamus veniam ratione maxime aliquid? Dignissimos commodi numquam harum voluptate omnis beatae rem.Dignissimos commodi numquam harum voluptate omnis beatae rem.Dignissimos commodi numquam harum voluptate omnis beatae rem.

شرح خاصية css padding

خاصية padding هي خاصية في CSS تحدد المسافة بين حواف العنصر وحاشية النص داخل العنصر. تستخدم هذه الخاصية للتحكم في المساحة الداخلية للعنصر وتحسين تخطيط الصفحة.

يمكن تحديد padding بشكل فردي لكل من الحواف الأربعة للعنصر، أو يمكن تحديدها باستخدام القيمة الواحدة للتحكم في جميع الحواف في نفس الوقت. إذا تم تحديد القيمة بشكل فردي، فيجب تحديد القيمة بترتيب الحواف بعد ذلك عقارب الساعة، بدءًا من الحافة العلوية واليمنى والسفلية واليسرى.

يمكن تحديد خاصية padding باستخدام CSS، على سبيل المثال:

/* تحديد padding بشكل فردي لجميع الحواف */
.item {
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 30px;
  padding-left: 40px;
}

/* تحديد padding بقيمة واحدة لجميع الحواف */
.item {
  padding: 10px;
}

يمكن استخدام قيم سالبة لخاصية padding لجعل النص داخل العنصر يبدو أكثر كثافة، ويمكن استخدام القيمة auto لتحديد padding بشكل تلقائي على أساس العرض المتاح.

يمكن استخدام خاصية padding في تصميم الصفحات لتحديد المساحة الداخلية للعنصر وتحسين تخطيط الصفحة. ومع ذلك، يجب استخدام الخاصية بحذر لأنه يمكن أن يؤدي إلى تشويش تنسيق الصفحة واختفاء العناصر أو تغطية بعضها البعض.

اختبار css padding

اضغط على start التي في منتصف الاختبار لبدء الاختبار

/9
155 votes, 4.5 avg
4935

اختبار في css padding

ابدء الاختبار الان و فكر جيداً قبل الاجابة على اي سؤال , بالتوفيق للجميع.

1 / 9

ما هي القيمة التي يتم استخدامها لخاصية padding لجعل العنصر يحتل المساحة الكاملة للاب؟

2 / 9

ما هي القيمة التي يتم استخدامها لخاصية padding لتحديد هامش علوي وسفلي متساويين؟

3 / 9

ما هي الخاصية التي تستخدم لتحديد الهوامش الداخلية للعنصر؟

4 / 9

ما هي الخاصية التي تستخدم لتحديد الهوامش الداخلية للعنصر بشكل فردي؟

5 / 9

ما هي القيمة التي يتم استخدامها لخاصية padding لجعل العنصر يحتل مساحة محددة بين العناصر الأخرى؟

6 / 9

ما هي القيمة التي يتم استخدامها لخاصية padding لجعل الهامش أعلى أو أسفل؟

7 / 9

ما هي الخاصية التي تستخدم لتحديد الهوامش الخارجية للعنصر؟

8 / 9

ما هي القيمة التي يتم استخدامها لخاصية padding لتحديد هامش يساري ويميني متساويين؟

9 / 9

ما هي الخاصية التي تستخدم لتحديد الهوامش الخارجية للعنصر بشكل فردي؟

Your score is

0%

قيم هذا الاختبار من فضلك