ترتيب الخصائص

خاصية border-radius تُطبق باتجاه عقارب الساعة: الزاوية العلوية اليسرى ← الزاوية العلوية اليمنى ← الزاوية السفلية اليمنى ← الزاوية السفلية اليسرى

الخصائص المختصرة

• • border-radius: 10px; - يُطبق على الزوايا الأربع
• • border-radius: 10px 20px; - الأول يُطبق على الزاوية العلوية اليسرى والسفلية اليمنى، الثاني على الزاوية العلوية اليمنى والسفلية اليسرى
• • border-radius: 10px 20px 30px; - الأول يُطبق على الزاوية العلوية اليسرى، الثاني على الزاوية العلوية اليمنى والسفلية اليسرى، الثالث على الزاوية السفلية اليمنى
• • border-radius: 10px 20px 30px 40px; - يُطبق على الزاوية العلوية اليسرى، العلوية اليمنى، السفلية اليمنى، والسفلية اليسرى بالترتيب

نصائح الاستخدام

• • استخدم 50% لإنشاء دائرة مثالية
• • 4-8px مناسب عادة للأزرار
• • 8-16px شائع للبطاقات واللوحات
• • النصف قطر غير المتماثل يمكن أن ينشئ تأثيرات تصميم فريدة