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

इस उपकरण के बारे में

बॉर्डर रेडियस जनरेटर ऊपर-बाएँ, ऊपर-दाएँ, नीचे-दाएँ और नीचे-बाएँ क्रम में कोनों को नियंत्रित करता है। “चारों कोने जोड़ें” चालू होने पर किसी भी एक कोने का मान बदलने से बाकी तीन भी बदलते हैं। इससे सभी कोनों की गोलाई जल्दी एक जैसी कर सकते हैं।

कैसे इस्तेमाल करें

1. गोलाई की इकाई चुनें और चारों कोनों के लिए शून्य या उससे अधिक मान दर्ज करें।
2. समान गोलाई के लिए “चारों कोने जोड़ें” चालू करें।
3. प्रीव्यू बॉक्स का बदलता आकार देखें।
4. CSS कॉपी करें या सेटिंग रीसेट करके कोई दूसरा आकार बनाएँ।

उदाहरण

• 10, 20, 30 और 40px चार अलग-अलग कोनों की त्रिज्या बताते हैं।
• चारों कोने 20px हों तो आउटपुट border-radius: 20px होता है।
• ऊपर-बाएँ व नीचे-दाएँ 10px और ऊपर-दाएँ व नीचे-बाएँ 20px हों तो संक्षिप्त रूप 10px 20px है।

border-radius: 10px 20px 30px 40px;
border-radius: 20px;

कार्यविधि और CSS विवरण

चार मानों वाला border-radius ऊपर-बाएँ कोने से शुरू होकर घड़ी की दिशा में चलता है। चारों मान समान हों तो एक मान पर्याप्त है; आमने-सामने के कोने समान हों तो दो मान पर्याप्त हैं। अन्य उपयुक्त संयोजन भी CSS के संक्षिप्त रूप में लिखे जा सकते हैं। बहुत बड़ी गोलाई को ब्राउज़र CSS नियमों के अनुसार उपयुक्त आकार तक घटाता है।

सामान्य उपयोग

• कार्ड और बटन के कोने एक समान गोल करना।
• अलग-अलग गोलाई वाले सजावटी कंटेनर बनाना।
• border-radius के मानों का क्रम और संक्षिप्त रूप के नियम समझना।

गोपनीयता

आपका इनपुट और परिणाम केवल आपके ब्राउज़र में संसाधित होते हैं; उन्हें अपलोड या अपने आप सेव नहीं किया जाता। जिन परिणामों को रखना हो, उन्हें कॉपी करके संभालकर रखें।

FAQ

संबंधित उपकरण

डेवलपर उपकरण सूची पर लौटें