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

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

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

شرح خاصية Border Radius

السلام عليكم , خاصية 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;
هذا الكود سيقوم بالتحكم بـ الحواف كلها واذا كتبت هذا الكود داخل عنصر سيكون هكذا

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

ارسال تعليق

أحدث أقدم