توجد اخطاء حاليا في جوجل مشرفي الموقع

شرح خاصية border radius في CSS

سنتعرف اليوم علي شرح خاصية border radius والقيم الخاصـة بها 

شرح خاصية Border Radius

قد يهمك أيضا :- شرح التحكم في عرض الشاشة بخاصية Media query

السلام عليكم , خاصية Border Radius هي خاصية من خواص لغة CSS الرائعة وماتفعله هذه الخاصية هي التحكم بـ الحدود والحواف المستديرة للعنصر 

وخاصية Border Radius لها أربع قيم وهم :- 

code-box border-radius: 25px 215px 55px 5px;

اول قيمة  هي أعلي يسار (top-left) 

ثاني قيمة هي أعلي يمين (top-right)

ثالث قيمة هي أسفل يمين (bottom-right) 

رابع قيمة هي أسفل يسار (bottom-right)

وهذا الكود الذي في الأعلي اذا كتبته في عنصر سيكون مثل هذه الصورة تماما 

كما ترون في الصورة , ويمكن ان تظبط كل الحواف عن طريق النسب المئوية مثل هكذا

border-radius: 100%code-box;

هذا الكود سيقوم بالتحكم بـ الحواف كلها واذا كتبت هذا الكود داخل عنصر سيكون هكذا

مقترح لك :- شرح خاصية Background في CSS

وبهذه الطريقة يمكنك وضعها داخل قوالب بلوجر في الصور مثلا او في أي عنصر أخر نتمني ان يكون الموضوع مفيد لك، ان واجهتك اي مشكلة في هذا الموضوع او مشكلة عامة في موقعك قم بكتابتها في صفحة الاستشارة المجانية او في اي موضوع وسيقوم بالرد عليك من احد فريق الموقع او مني , او اذا كنت تريد شرح معين عن  أي شي في بلوجر او SEO لاتتردد في كتابته في التعليقات