شرح صفوف ومحتوى الفقرة
ماذا يحدث عند رسم إطار خارجي حول بطاقة ناعمة أو زر كبسولة يمتلك خاصية border-radius؟ في جميع المتصفحات الحديثة، يتبع الإطار الخارجي مسار انحناء border-radius تلقائياً ويلتف حول الزوايا المستديرة بتوازٍ هندسي متناسق.
شغّل المثال التالي لملاحظة كيف تنحني الحلقة الخارجية بانسجام تام حول كل من البطاقة المستديرة وزر الكبسولة:
CSS
.rounded-card {
border-radius: 14px;
outline-style: solid;
outline-width: 3px;
outline-color: #0f766e;
}