x

الأساسيات

اختبار خلفيات CSS وحدودها

اختبار

  1. ما هي خاصية CSS المستخدمة لتحديد الصورة التي ستُستخدم كعلامة لعنصر القائمة (list item marker) ؟




    list-style-image

  2. ما هي الخاصية المستخدمة للتحكم في موضع (position) علامة عنصر القائمة (list item marker) ؟




    list-style-position

  3. ماذا تفعل خاصية line-height ؟




    يُستخدم لإنشاء مسافة بين أسطر النص.

  4. ما هي الفئة الزائفة (pseudo-class) المستخدمة لتنسيق الروابط عند تمرير مؤشر الماوس فوقها؟




    :hover

  5. ما هي القيمة الافتراضية للخاصية background-repeat ؟




    repeat

  6. ما هي خاصية CSS التي يمكن استخدامها للتحكم في حجم صورة الخلفية؟




    background-size

  7. أي مما يلي يمثل الطريقة الصحيحة لتطبيق حد علوي أحمر ومصمت (solid) على عنصر ما؟




    border-top: 3px solid red;

  8. أي مما يلي لا يُعد خاصية صحيحة للحدود border ؟




    border-side

  9. أي مما يلي يُعد قيمة صالحة لنمط الحدود border-style ؟




    dotted

  10. أي مما يلي يمثل الطريقة الصحيحة لتطبيق الحدود باستخدام الخاصية المختصرة؟




    
    .box {
     border: 1px solid black;
    }
                        

  11. ما هو دور دالة التدرج الخطي linear-gradient ؟




    يُستخدم لإنشاء تدرج لوني بين عدة ألوان على طول خط مستقيم.

  12. ما هي القيمة الخاصة بالخاصية background-repeat التي تضمن تكرار الصورة أفقيًا وليس عموديًا؟




    repeat-x

  13. ما هو الغرض من خاصية border-radius ؟




    لجعل زوايا العنصر مستديرة.

  14. أيٌّ مما يلي لا يُعد قيمةً صالحةً للخاصية background-position ؟




    side

  15. أي من قيم background-repeat التالية يمكن استخدامها لتكرار صورة الخلفية عمودياً؟




    repeat-y

  16. ماذا تفعل الخاصية background-position: center; بصورة الخلفية؟




    يضع صورة الخلفية في منتصف العنصر.

  17. أيٌّ مما يلي لا يُعد قيمة حدية border صالحة؟




    5px inverted green

  18. ماذا تفعل دالة التدرج الشعاعي radial-gradient ؟




    يُنشئ صورة تشع من نقطة محددة وتتدرج تدريجياً بين ألوان متعددة.

  19. أي مما يلي لا يُعد فئة زائفة (pseudo-class) صالحة؟




    :before

  20. أي مما يلي يوضح الاستخدام الصحيح لخاصية الاختصار background ؟




    
    body {
     background: no-repeat url("example-url-goes-here");
    }