इस्तेमाल के लिए मुफ़्त, कोई अकाउंट नहीं

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

प्रत्येक कोने को अण्डाकार क्षैतिज और ऊर्ध्वाधर त्रिज्या सहित स्वतंत्र रूप से आकार दें। परिणाम का पूर्वावलोकन करें और कॉम्पैक्ट CSS की प्रतिलिपि बनाएँ।

0–2,000 px या 0–100% दर्ज करें। कीबोर्ड-सुलभ संख्या नियंत्रण प्रदान किए गए हैं।

शीर्ष बाएँ
शीर्ष दाईं ओर
नीचे दाएँ
नीचे बाएँ

CSS स्वचालित रूप से कोने की त्रिज्या को आनुपातिक रूप से मापता है जब उनका योग तत्व की चौड़ाई या ऊंचाई से अधिक हो जाता है। पूर्वावलोकन ब्राउज़र के CSS व्यवहार का अनुसरण करता है।

लाइव पूर्वावलोकन

इसके आकार का पूर्वावलोकन करने के लिए एक कोने को समायोजित करें।

CSS घोषणा

मैं CSS border-radius मान कैसे उत्पन्न करूं?

पिक्सेल या प्रतिशत चुनें, प्रत्येक कोने के लिए क्षैतिज और ऊर्ध्वाधर त्रिज्या समायोजित करें, फिर उत्पन्न border-radius घोषणा की प्रतिलिपि बनाएँ। CSS तत्व को फिट करने के लिए ओवरलैपिंग रेडी को आनुपातिक रूप से सामान्य कर सकता है।

अक्सर पूछे जाने वाले सवाल

मैं CSS border-radius मान कैसे उत्पन्न करूं?

पिक्सेल या प्रतिशत चुनें, प्रत्येक कोने के लिए क्षैतिज और ऊर्ध्वाधर त्रिज्या समायोजित करें, फिर उत्पन्न border-radius घोषणा की प्रतिलिपि बनाएँ। CSS तत्व को फिट करने के लिए ओवरलैपिंग रेडी को आनुपातिक रूप से सामान्य कर सकता है।

क्या मेरा CSS या डिज़ाइन अपलोड किया गया है?

नंबर। पूर्वावलोकन और CSS इस ब्राउज़र टैब में उत्पन्न होते हैं। कोई अपलोड, अकाउंट, एपीआई कॉल या स्वचालित सेव नहीं है।

क्या प्रत्येक कोने की त्रिज्या अलग-अलग हो सकती है?

हाँ। ऊपरी-बाएँ, ऊपर-दाएँ, नीचे-दाएँ और निचले-बाएँ कोने के लिए एक अलग क्षैतिज और ऊर्ध्वाधर मान सेट करें।

border-radius में स्लैश का क्या मतलब है?

यह क्षैतिज त्रिज्या को ऊर्ध्वाधर त्रिज्या से अलग करता है, जिससे अण्डाकार कोने बनते हैं। यदि प्रत्येक कोना समान क्षैतिज और ऊर्ध्वाधर मान का उपयोग करता है, तो जनरेटर स्लैश को छोड़ देता है।

पूर्वावलोकन मानों से छोटा क्यों दिख सकता है?

CSS आनुपातिक रूप से रेडी को सामान्य करता है जो एक किनारे पर ओवरलैप होगा। यह मानक ब्राउज़र व्यवहार है और इसे इस पूर्वावलोकन में भी लागू किया जाता है।