Border style

value: solid

solid

Border width

value: 1px

1px

Border color

value: orange

orange

شرح خاصية css border

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

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

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

/* تحديد border بشكل فردي لجميع الحواف */
.item {
  border-top: 1px solid black;
  border-right: 2px dashed red;
  border-bottom: 3px dotted green;
  border-left: 4px double blue;
}

/* تحديد border بقيمة واحدة لجميع الحواف */
.item {
  border: 1px solid black;
}

يمكن تحديد نوع الخط ولون الحدود وسمك الحدود باستخدام القيم المختلفة مثل solid و dashed و dotted و double وغيرها. كما يمكن تحديد لون الحدود باستخدام الأسماء الثابتة للألوان أو باستخدام قيم RGB أو HEX.

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

اختبار css border

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

/10
109 votes, 4.7 avg
2696

اختبار في css border

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

1 / 10

ما هي القيمة التي يتم استخدامها لخاصية border لتحديد سمك الحدود؟

2 / 10

ما هي القيمة التي يتم استخدامها لخاصية border-radius لجعل الحدود بشكل مستدير؟

3 / 10

ما هي القيمة التي يتم استخدامها لخاصية border-style لتحديد حدود بلا أي شكل؟

4 / 10

ما هي الخاصية التي تستخدم لتحديد شكل الحدود؟

5 / 10

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

6 / 10

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

7 / 10

ما هي القيمة التي يتم استخدامها لخاصية border-style لتحديد حدود بشكل متقطع؟

8 / 10

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

9 / 10

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

10 / 10

ما هي القيمة التي يتم استخدامها لخاصية border-style لتحديد حدود بشكل مزدوج؟

Your score is

0%

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