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;