गुण क्रम

बॉर्डर-रेडियस गुण दक्षिणावर्त क्रम में लागू होता है: ऊपर-बाएँ → ऊपर-दाएँ → नीचे-दाएँ → नीचे-बाएँ

शॉर्टहैंड गुण

• • border-radius: 10px; - सभी चार कोनों पर लागू होता है
• • border-radius: 10px 20px; - पहले ऊपर-बाएँ और नीचे-दाएँ पर लागू होता है, दूसरा ऊपर-दाएँ और नीचे-बाएँ पर
• • border-radius: 10px 20px 30px; - पहले ऊपर-बाएँ पर लागू होता है, दूसरा ऊपर-दाएँ और नीचे-बाएँ पर, तीसरा नीचे-दाएँ पर
• • border-radius: 10px 20px 30px 40px; - ऊपर-बाएँ, ऊपर-दाएँ, नीचे-दाएँ, और नीचे-बाएँ पर क्रम में लागू होता है

उपयोग के टिप्स

• • एक पूर्ण वृत्त बनाने के लिए 50% का उपयोग करें
• • बटन के लिए आमतौर पर 4-8px अच्छा होता है
• • कार्ड और पैनल के लिए 8-16px सामान्य है
• • विषम त्रिज्या अद्वितीय डिजाइन प्रभाव बना सकती है