श्रेणी: डेवलपर टूल
CSS फ़ॉर्मैटर
CSS को स्थानीय रूप से 2 या 4 स्पेस इंडेंटेशन के साथ फ़ॉर्मैट या छोटा करें
2 या 4 स्पेस इंडेंटेशन के साथ प्रेटी-प्रिंट करने के लिए, या सबसे छोटे सुरक्षित आउटपुट में छोटा करने के लिए CSS पेस्ट करें। फ़ॉर्मैट करते समय टिप्पणियाँ बनी रहती हैं। पूरी तरह आपके ब्राउज़र में चलता है।
आपके ब्राउज़र में फ़ॉर्मैट किया गया।
.tool-panel {
display:grid;
gap:16px;
padding:16px
}
/* accent border */
.tool-panel .tool-output {
border:1px solid var(--line);
border-radius:8px
}इस पेज पर सब कुछ आपके ब्राउज़र में संसाधित होता है। कुछ भी अपलोड नहीं होता।
यह टूल क्या करता है
CSS फ़ॉर्मैटर नियमों और घोषणाओं को फिर से इंडेंट करता है ताकि नेस्टेड सिलेक्टर और मीडिया क्वेरी को आसानी से देखा जा सके, जबकि मिनिफ़ायर प्रोडक्शन के लिए स्टाइलशीट को छोटा करने हेतु टिप्पणियाँ और अनावश्यक व्हाइटस्पेस हटा देता है। यह टूल केवल व्हाइटस्पेस को फिर से व्यवस्थित करता है और दिए गए CSS का मूल्यांकन या निष्पादन कभी नहीं करता।
इस्तेमाल कैसे करें
- अपना CSS इनपुट बॉक्स में पेस्ट करें, या उदाहरण लोड करें।
- पठनीय आउटपुट के लिए Format चुनें या सबसे छोटे आकार के लिए Minify चुनें।
- परिणाम कॉपी करें; फ़ॉर्मैट किया गया आउटपुट आपको 2 या 4 स्पेस इंडेंटेशन चुनने भी देता है।
निजता
यह टूल पूरी तरह आपके ब्राउज़र में चलता है। आपका डेटा कभी अपलोड, सेव या साझा नहीं होता — टैब बंद करते ही वह हट जाता है।
अक्सर पूछे जाने वाले सवाल
- क्या मेरा CSS कहीं अपलोड होता है?
- नहीं। फ़ॉर्मैटिंग और मिनिफ़ाइंग पेज में चल रहे JavaScript में होती हैं, इसलिए आपकी स्टाइलशीट आपके डिवाइस से बाहर कभी नहीं जाती।
- क्या टिप्पणियाँ बनी रहती हैं?
- फ़ॉर्मैट किया गया आउटपुट टिप्पणियों को अपनी अलग पंक्ति में रखता है; मिनिफ़ाइड आउटपुट उन्हें हटा देता है, जो अधिकतर प्रोडक्शन बिल्ड टूल जो करते हैं उससे मेल खाता है।
- क्या यह CSS को वैलिडेट करता है?
- नहीं। यह केवल व्हाइटस्पेस और इंडेंटेशन को फिर से व्यवस्थित करता है, इसलिए यह प्रॉपर्टी नामों की टाइपो या अमान्य मान नहीं पकड़ेगा।