CSS बॉर्डर रेडियस जनरेटर

संदर्भ

CSS border-radius क्या है?

CSS प्रॉपर्टी border-radius किसी एलिमेंट के बाहरी बॉर्डर किनारे के कोनों को गोल करती है। आप वृत्ताकार कोनों के लिए एक रेडियस या दीर्घवृत्ताकार कोनों के लिए दो रेडियस सेट कर सकते हैं।

border-radius सिंटैक्स

शॉर्टहैंड border-radius 1 से 4 मान स्वीकार करता है। 1 मान के साथ सभी कोने समान होते हैं। 2 के साथ पहला ऊपर-बाएँ/नीचे-दाएँ और दूसरा ऊपर-दाएँ/नीचे-बाएँ सेट करता है। 4 मानों के साथ प्रत्येक कोना अलग-अलग सेट होता है: ऊपर-बाएँ, ऊपर-दाएँ, नीचे-दाएँ, नीचे-बाएँ।

दीर्घवृत्ताकार कोने

/ सिंटैक्स का उपयोग करके (जैसे border-radius: 50% / 30%), आप दीर्घवृत्ताकार कोनों के लिए अलग-अलग क्षैतिज और ऊर्ध्वाधर रेडियस परिभाषित कर सकते हैं।

गोपनीयता

सभी border-radius जनरेशन 100% आपके ब्राउज़र में चलता है। कोई डेटा किसी सर्वर पर नहीं भेजा जाता।