CSS फ़ॉर्मैटर: CSS को सुंदर और इंडेंट करें

दबाई हुई CSS को पढ़ने लायक कोड में बदलें, हर प्रॉपर्टी अलग लाइन पर।

इनपुट
नतीजा

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

  1. CSS पेस्ट करें या .css फ़ाइल खोलें।
  2. 2 स्पेस, 4 स्पेस या टैब चुनें।
  3. फ़ॉर्मैट की हुई CSS कॉपी या डाउनलोड करें।

ज़रूरी जानकारी

हर सिलेक्टर से एक ब्लॉक शुरू होता है, हर प्रॉपर्टी अलग लाइन पर जाती है और मीडिया क्वेरी एक लेवल अंदर खिसकती हैं। कमेंट बचे रहते हैं। टूल js-beautify (MIT लाइसेंस) इस्तेमाल करता है।

इससे मिनिफ़ाई होकर आई थीम या लाइब्रेरी की स्टाइलशीट पढ़ें, कमिट से पहले बदलाव जाँचें, या ब्राउज़र के डेवलपर टूल से कॉपी की CSS साफ़ करें।

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

सवाल-जवाब

क्या यह मेरे CSS नियम बदलता है?

नहीं। सिर्फ़ स्पेस और लाइन ब्रेक बदलते हैं।

क्या SCSS या LESS चलेगा?

आसान SCSS/LESS आमतौर पर ठीक फ़ॉर्मैट हो जाता है, पर यह सादी CSS के लिए बना है।

क्या कमेंट बचे रहते हैं?

हाँ।

क्या बड़ी फ़ाइल फ़ॉर्मैट होगी?

हाँ, कुछ MB की फ़ाइल नए ब्राउज़र में आराम से चलती है।

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

नहीं। यह आपके ब्राउज़र में प्रोसेस होती है।

आख़िरी अपडेट: