ऑनलाइन CSS Formatter

पूरी तरह आपके ब्राउज़र में चलता है - न कुछ अपलोड, न साइन-अप।

इंडेंट

इनपुट CSS

फ़ॉर्मैट किया CSS

फ़ॉर्मैट करने के लिए CSS पेस्ट करें

यह टूल शेयर करें

CSS Formatter से कोड कैसे फ़ॉर्मैट करें?

CSS Formatter मिनिफ़ाई की गई या असमान स्पेस वाली स्टाइलशीट को साफ इंडेंट और लाइन ब्रेक के साथ पढ़ने योग्य बनाता है। CSS पेस्ट करें, 2 स्पेस, 4 स्पेस या टैब चुनें, फिर नतीजा कॉपी या डाउनलोड करें। सारी प्रक्रिया ब्राउज़र में होती है और टिप्पणियाँ, उद्धरण वाले मान, डेटा URL तथा घोषणाओं का क्रम सुरक्षित रहता है।

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

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

किसके लिए है

फ्रंट-एंड डेवलपर जो प्रोडक्शन CSS को फैलाकर आसानी से पढ़ना और डीबग करना चाहते हैं।
कोड समीक्षक जो कॉपी की गई स्टाइलशीट या पुल रिक्वेस्ट के हिस्से की तुलना से पहले इंडेंट एक जैसा करते हैं।
विद्यार्थी जो नेस्टेड मीडिया क्वेरी, सेलेक्टर और डिक्लेरेशन ब्लॉक को साफ ढंग से समझना चाहते हैं।
सपोर्ट और QA टीमें जो डेवलपर टूल से मिले CSS को टिकट या समस्या दोहराने के चरणों में डालने से पहले साफ करती हैं।

यह फ़ॉर्मैटर ब्रेसेस और सेमीकोलन पर आँख बंद करके टेक्स्ट नहीं बाँटता, बल्कि सिंटैक्स को समझने वाले स्कैनर का इस्तेमाल करता है। यह स्ट्रिंग, टिप्पणी, फ़ंक्शन, एट्रिब्यूट सेलेक्टर और नेस्टेड ब्लॉक का हिसाब रखता है। इसलिए URL या उद्धरण वाले मान के अंदर मौजूद चिह्न नहीं बदलते।

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

क्या CSS Formatter मुफ़्त है?

हाँ। ब्राउज़र जितना CSS आराम से सँभाल सके, उतना फ़ॉर्मैट किया जा सकता है। खाता बनाने या कुछ इंस्टॉल करने की ज़रूरत नहीं है, उपयोग की कोई तय सीमा नहीं है और नतीजा तुरंत मिलता है।

क्या मेरा CSS सर्वर पर अपलोड होता है?

नहीं। फ़ॉर्मैटिंग ब्राउज़र में स्थानीय रूप से होती है। पेस्ट किया गया CSS पेज के एडिटर में रहता है और किसी API को नहीं भेजा जाता, इसलिए निजी प्रोजेक्ट की स्टाइल पर भी काम किया जा सकता है।

कितना CSS फ़ॉर्मैट किया जा सकता है?

टूल में अक्षरों की कोई तय सीमा नहीं है। बहुत बड़ी जनरेट की गई स्टाइलशीट डिवाइस की मेमोरी और गति पर निर्भर करेगी, लेकिन सामान्य वेबसाइट, कंपोनेंट और ईमेल स्टाइल तुरंत फ़ॉर्मैट हो जाती हैं।

क्या फ़ॉर्मैटिंग से CSS का व्यवहार बदलता है?

यह केवल खाली जगह और लाइन ब्रेक बदलती है। सेलेक्टर, घोषणाएँ, टिप्पणियाँ, उद्धरण वाली स्ट्रिंग और उनका क्रम बना रहता है। प्रयोगात्मक सिंटैक्स या स्पेस पर निर्भर असामान्य एस्केप इस्तेमाल करने पर प्रकाशित करने से पहले नतीजा जाँच लें।

क्या यह टूल CSS प्रॉपर्टी को वैलिडेट करता है?

नहीं। यह कर्ली ब्रेसेस, स्क्वेयर ब्रैकेट, गोल ब्रैकेट, टिप्पणियों और स्ट्रिंग का संतुलन जाँचता है। हर प्रॉपर्टी, मान या ब्राउज़र विशेष सुविधा सही है या नहीं, इसके लिए मानक आधारित CSS वैलिडेटर इस्तेमाल करें।

क्या मीडिया क्वेरी और नेस्टेड CSS भी फ़ॉर्मैट होता है?

हाँ। @media, @supports, @container, @layer और @keyframes नियमों के अंदर के ब्लॉक उनकी गहराई के अनुसार इंडेंट होते हैं। आधुनिक नेस्टेड सेलेक्टर भी स्ट्रिंग या फ़ंक्शन आर्ग्युमेंट बदले बिना व्यवस्थित होते हैं।