Skip to main content

सीएसएस बॉर्डर रेडियस जनरेटर प्रति कोने नियंत्रण और दृश्य पूर्वावलोकन के साथ सीएसएस बॉर्डर-रेडियस मान उत्पन्न करें।

सीएसएस बॉर्डर रेडियस जनरेटर illustration
🎨

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

प्रति कोने नियंत्रण और दृश्य पूर्वावलोकन के साथ सीएसएस बॉर्डर-रेडियस मान उत्पन्न करें।

1

लिंक्ड या व्यक्तिगत कोनों का चयन करें

सभी कोनों को एक साथ या स्वतंत्र रूप से नियंत्रित करने के बीच टॉगल करें।

2

रेडियस समायोजित करें

प्रत्येक कोने के लिए बॉर्डर-रेडियस मान सेट करने के लिए स्लाइडर्स का उपयोग करें।

3

सीएसएस कॉपी करें

आकार का पूर्वावलोकन करें और उत्पन्न सीएसएस बॉर्डर-रेडियस गुण को कॉपी करें।

Loading tool...

What Is सीएसएस बॉर्डर रेडियस जनरेटर?

सीएसएस बॉर्डर रेडियस जनरेटर सीएसएस में border-radius गुण पर दृश्य नियंत्रण प्रदान करता है, जिससे आप किसी भी HTML तत्व के लिए गोल कोने बना सकते हैं। आप एक समान घुमावदार आकार के लिए सभी कोनों को लिंक कर सकते हैं या विशिष्ट आकारों के लिए प्रत्येक कोने पर स्वतंत्र रूप से नियंत्रण रख सकते हैं। इस टूल में एक लाइव पूर्वावलोकन है जो आपके द्वारा स्लाइडर्स को समायोजित करते समय अपडेट होता रहता है, जिससे यह दिखाई देता है कि आपका तत्व वास्तव में कैसा दिखेगा। आप पूर्वावलोकन बॉक्स का आकार और पृष्ठभूमि रंग भी अनुकूलित कर सकते हैं। बॉर्डर रेडियस आधुनिक वेब डिज़ाइन में सबसे अधिक उपयोग किए जाने वाले सीएसएस गुणों में से एक है, जो गोल बटन, कार्ड, अवतार और अन्य यूआई तत्व बनाने के लिए आवश्यक है। संक्षिप्त गुण एक समान या प्रति-कोने घुमावदार आकार के लिए एक से चार मूल्यों को स्वीकार करता है, और यह टूल दोनों मामलों को एक सरल टॉगल के साथ संभालता है।

Why Use सीएसएस बॉर्डर रेडियस जनरेटर?

  • सरल टॉगल के साथ प्रति-कोने नियंत्रण या लिंक्ड समान राउंडिंग
  • लाइव विज़ुअल पूर्वावलोकन जिसमें अनुकूलित बॉक्स आकार और रंग होता है
  • आवश्यकतानुसार दोनों शॉर्टहैंड और लॉन्गहैंड सीएसएस उत्पन्न करता है
  • गोलाकार, गोलियां और अनुकूलित राउंडेड आकार बनाने के लिए उपयुक्त

Common Use Cases

राउंडेड कार्ड

डैशबोर्ड और सामग्री लेआउट के लिए नियमित रूप से राउंडेड कार्ड घटक बनाएं।

गोली-आकार के बटन

उच्च बॉर्डर-रेडियस मानों के साथ गोली या कैप्सूल-अकार के बटन डिज़ाइन करें।

वृत्ताकार अवतार

उपयोगकर्ता अवतार के लिए पूर्ण वृत्त बनाने के लिए रेडियस को 50% पर सेट करें।

असममित आकार

प्रत्येक कोने पर अलग-अलग रेडियस मानों के साथ अद्वितीय आकार डिज़ाइन करें।

Technical Guide

सीएसएस बॉर्डर-रेडियस गुण चार व्यक्तिगत गुणों - border-top-left-radius, border-top-right-radius, border-bottom-right-radius और border-bottom-left-radius के लिए एक संक्षिप्त नाम है। यह एक से चार मूल्यों को घड़ी की दिशा में शीर्ष-बाएं कोने से शुरू करता है। एक एकल मान सभी कोनों पर लागू होता है। दो मान शीर्ष-बायां/नीचे-दायां और शीर्ष-दायां/नीचे-बायां निर्धारित करते हैं। तीन मान शीर्ष-बाएं, शीर्ष-दायां/नीचे-बाएं और नीचे-दायां निर्धारित करते हैं। चार मान प्रत्येक कोने को व्यक्तिगत रूप से निर्धारित करते हैं। मान पिक्सेल, प्रतिशत या अन्य सीएसएस लंबाई इकाइयों में हो सकते हैं। एक वर्गाकार तत्व पर 50% बॉर्डर-रेडियस सेट करने से एक आदर्श वृत्त बनता है। यह गुण दो मानों के सेट को भी स्वीकार कर सकता है जो एक स्लैश (/) द्वारा अलग किए गए हैं, जहां पहला सेट क्षैतिज त्रिज्या और दूसरा आभासी कोनों के लिए ऊर्ध्वाधर त्रिज्या निर्धारित करता है। बॉर्डर-रेडियस दृश्यमान सीमाओं, पृष्ठभूमि या रूपरेखा वाले तत्वों पर काम करता है।

Tips & Best Practices

  • 1
    एक वर्गाकार तत्व पर एक पूर्ण वृत्त बनाने के लिए 50% का उपयोग करें
  • 2
    बड़े मान (9999px) तत्व के आकार की परवाह किए बिना गोली-आकार के तत्व बनाते हैं
  • 3
    अनोखे, जैविक आकारों के लिए विभिन्न कोने मानों को मिलाएं
  • 4
    स्केलिंग के साथ प्रतिक्रियाशील बॉर्डर-रेडियस के लिए प्रतिशत का उपयोग करें

Related Tools

Frequently Asked Questions

Q एक पूर्ण वृत्त कैसे बनाएं?
एक वर्गाकार तत्व (समान चौड़ाई और ऊंचाई) पर बॉर्डर-रेडियस को 50% पर सेट करें।
Q क्या मैं प्रत्येक कोने के लिए अलग-अलग मान सेट कर सकता हूं?
हां, सभी कोनों को लिंक करने की अनुमति देने के लिए "लिंक ऑल कॉर्नर्स" को अनचेक करें।
Q बॉर्डर-रेडियस का अधिकतम मान क्या है?
कोई अधिकतम सीमा नहीं है, लेकिन तत्व के आकार के आधे से बड़े मानों का अतिरिक्त प्रभाव नहीं पड़ता है।
Q क्या बॉर्डर-रेडियस सामग्री क्लिपिंग को प्रभावित करता है?
हां, सामग्री जिसमें पृष्ठभूमि और छवियाँ शामिल हैं, गोल आकार में कट जाएगी। बाल तत्वों के लिए ओवरफ्लो: हिडन जोड़ें।
Q क्या मैं पिक्सेल के बजाय प्रतिशत का उपयोग कर सकता हूं?
हां, प्रतिशत तत्व आयामों के सापेक्ष रेडियस बनाते हैं, जो प्रतिक्रियाशील डिज़ाइनों में उपयोगी होते हैं।

About This Tool

सीएसएस बॉर्डर रेडियस जनरेटर is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.