border-radius

border-radius

border-radius:0px

شرح خاصية css border-radius

خاصية border-radius في CSS تستخدم لتحديد شكل حواف العنصر، بحيث يمكن تدويرها وتقريبها لتشكيل أشكال مختلفة. تستخدم هذه الخاصية لإعطاء العنصر مظهرًا دائريًا أو بزاوية مستديرة أو بأي شكل آخر.

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

وإليك بعض الأمثلة على استخدام border-radius في CSS:

/* تحديد شكل دائري للعنصر */
border-radius: 50%;

/* تحديد قيم مختلفة لكل زاوية */
border-radius: 10px 20px 30px 40px;

/* تحديد شكل مستطيل مستدير */
border-radius: 10px / 20px;

/* تحديد شكل مستطيل مستدير بزوايا مختلفة */
border-radius: 10px 20px 30px 40px / 50px 60px 70px 80px;

اختبار css border-radius

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

/9
63 votes, 4.6 avg
1671

اختبار في css border-radius

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

1 / 9

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

2 / 9

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

3 / 9

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

4 / 9

ما هي القيمة التي يتم استخدامها لخاصية border-radius لجعل الزاوية السفلية اليسرى مستديرة؟

5 / 9

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

6 / 9

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

7 / 9

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

8 / 9

ما هي القيمة التي يتم استخدامها لخاصية border-radius لجعل الزاوية العلوية اليمنى مستديرة؟

9 / 9

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

Your score is

0%

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