يمكنك مذاكرة درس ال border radius و حل الاختبار من هنا من هنا |
https://nouvil.net/css-play-ground/css-border-radius-playground/
-----------------------------------

للتواصل معي :
instagram |
https://www.instagram.com/abdelrahman_noufal/
-----------------------------------
facebook |
https://www.facebook.com/abdelrahman.g.nofal
-----------------------------------
جروب الفيسبوك الخاص بنا |
https://www.facebook.com/groups/1810581845642171
-----------------------------------

خاصية Border Radius في CSS هي خاصية تستخدم لتحديد شكل الزاويا لعناصر HTML، وتمكن المصممين من إضفاء مظهر دائري أو مستدير أو مائل على العناصر في صفحات الويب.

تعتبر خاصية Border Radius من الخصائص الشائعة في CSS وتستخدم في تصميم صفحات الويب بشكل واسع. يمكن استخدامها لتحديد شكل الزوايا للصناديق، والصور، وأي عنصر HTML آخر يتطلب زوايا مستديرة أو مائلة.

تتيح خاصية Border Radius للمصممين تحديد قيمة الشكل المطلوب للزوايا، حيث يمكن تحديد نفس القيمة لكل الزوايا أو قيم مختلفة لكل زاوية. يمكن استخدام وحدات البكسل أو النسبة لتحديد حجم الزاوية، ويمكن تطبيق الخاصية على زوايا مختلفة بشكل مستقل باستخدام القيمة الصحيحة.

على سبيل المثال، يمكن تحديد Border Radius بقيمة 10 بكسل لجعل الزوايا أكثر ملمساً، أو 50% لجعل العنصر دائرياً بالكامل. كما يمكن استخدام قيم مختلفة للزوايا الزوايا الأربعة لتحقيق شكل مائل أو غير منتظم.

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