CSS बॉर्डर रेडियस जेनरेटर
बॉर्डर त्रिज्या पूर्वावलोकन
सीएसएस कोड
.element {
border-radius: 20px;
}
? अक्सर पूछे जाने वाले प्रश्न
बॉर्डर-रेडियस कैसे काम करता है?
बॉर्डर-रेडियस एलिमेंट के कोनों को गोल करता है। मान पिक्सल, प्रतिशत या ems में हो सकते हैं। आप सभी कोनों को एक साथ निर्दिष्ट कर सकते हैं (border-radius: 10px) या प्रत्येक कोने को अलग-अलग निर्दिष्ट कर सकते हैं (ऊपर-बाएँ, ऊपर-दाएँ, नीचे-दाएँ, नीचे-बाएँ)।
क्या मैं अंडाकार गोल कोने बना सकता हूँ?
जी हां! स्लैश से अलग किए गए दो मानों का उपयोग करें: border-radius: 50px / 25px। पहला मान क्षैतिज त्रिज्या है, दूसरा ऊर्ध्वाधर त्रिज्या है, जिससे वृत्ताकार वक्रों के बजाय अंडाकार वक्र बनते हैं।
मैं एक पूर्ण वृत्त कैसे बनाऊं?
वर्गाकार एलिमेंट पर बॉर्डर-रेडियस 50% सेट करें। प्रतिशत एलिमेंट के आयामों के सापेक्ष होता है, इसलिए वर्ग पर 50% सेट करने से वृत्त बनता है। आयतों के लिए, इसके बजाय एक बड़ा पिक्सेल मान उपयोग करें।
क्या प्रत्येक कोने के लिए अलग-अलग त्रिज्या मान हो सकते हैं?
बिल्कुल! आप प्रत्येक कोने के लिए अलग-अलग मान निर्दिष्ट कर सकते हैं: बॉर्डर-त्रिज्या: 10px 20px 30px 40px (ऊपर-बाएँ, ऊपर-दाएँ, नीचे-दाएँ, नीचे-बाएँ) या बॉर्डर-टॉप-लेफ्ट-त्रिज्या जैसी व्यक्तिगत विशेषताओं का उपयोग कर सकते हैं।
क्या यह बॉर्डर और पैडिंग के साथ काम करता है?
जी हां, बॉर्डर-रेडियस बॉर्डर और पैडिंग के साथ इंटरैक्ट करता है। बाहरी किनारा बॉर्डर का अनुसरण करता है, जबकि भीतरी किनारा पैडिंग के अनुसार समायोजित होता है। विज़ुअल प्रीव्यू आपको यह समझने में मदद करता है कि ये प्रॉपर्टीज़ कैसे काम करती हैं।
क्या मेरा डेटा सुरक्षित है?
जी हाँ, बिल्कुल! यह टूल पूरी तरह से आपके ब्राउज़र में चलता है। सभी डेटा प्रोसेसिंग आपके डिवाइस पर ही होती है - कुछ भी हमारे सर्वर पर अपलोड नहीं होता। आपकी फ़ाइलें और डेटा कभी भी आपके कंप्यूटर से बाहर नहीं जाते, जिससे पूरी गोपनीयता और सुरक्षा सुनिश्चित होती है।