
الخصائص والقيم يمكنك تغيير قيمة البيكسل كما تناسبكborder-radius:5px;
تطبيق الحواف على جميع الاتجاهات بمقدار 5 بيكسلborder-radius:5px 10px 20px 30px;
تطبيق الحواف بمقدار 5 بيكسل من أعلى اليسار و 10 بيكسل من أعلى اليمين و 20 بيكسل من أسفل اليسار و 30 بيكسل من أسفل اليمينborder-top-right-radius:5px;
تطبيق الحواف بمقدار 5 بيكسل من أعلى اليمين فقطborder-top-left-radius:5px;
تطبيق الحواف بمقدار 5 بيكسل من أعلى اليسار فقطborder-bottom-right-radius:5px;
تطبيق الحواف بمقدار 5 بيكسل من أسفل اليمين فقطborder-bottom-left-radius:5px;
تطبيق الحواف بمقدار 5 بيكسل من أسفل اليسار فقط
border-radius:5px;
border-radius:5px 10px 20px 30px;
border-top-right-radius:5px;
border-top-left-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
شرح خاصية border-radius لإضافة حواف دائرية للحدود
https://www.mohamed24119.com/2017/03/border-radius-css.html