شرح خاصية border radius في CSS
سنتعرف اليوم علي شرح خاصية border radius والقيم الخاصـة بها
خاصية Border Radius هي خاصية من خواص لغة CSS الرائعة وماتفعله هذه الخاصية هي التحكم بـ الحدود والحواف المستديرة للعنصر
وخاصية Border Radius لها أربع قيم وهم :-
border-radius: 25px 215px 55px 5px;
- اول قيمة هي أعلي يسار (top-left)
- ثاني قيمة هي أعلي يمين (top-right)
- ثالث قيمة هي أسفل يمين (bottom-right)
- رابع قيمة هي أسفل يسار (bottom-right)
وهذا الكود الذي في الأعلي اذا كتبته في عنصر سيكون مثل هذه الصورة تماما
كما ترون في الصورة , ويمكن ان تظبط كل الحواف عن طريق النسب المئوية مثل هكذا
border-radius: 100%code-box
وبهذه الطريقة يمكنك وضعها داخل قوالب بلوجر في الصور مثلا او في أي عنصر أخر