CSS फ़ॉर्मैटर और प्रिटीफ़ायर

किसी और की stylesheet पढ़ना

Minified फ़ाइल को format करने से वह पढ़ने योग्य बनती है, लेकिन उस source जैसी नहीं बनती जिससे वह आई थी: minifiers rules को merge और declarations को reorder करते हैं, इसलिए grouped selectors और shorthand values की अपेक्षा रखें। किसी element को कौन-सा rule style करता है, यह जानने के लिए ब्राउज़र के developer tools तेज़ होते हैं, और उनका Sources panel minified फ़ाइल को वहीं pretty-print कर सकता है। Stylesheet के दो versions को format करके डिफ़ चेकर में compare करने पर update में हुए बदलाव दिखते हैं।

Formatting क्या नहीं बदलती

Formatter indentation और spaces जोड़ता है; यह properties को sort नहीं करता, misspelled property names ठीक नहीं करता, vendor prefixes नहीं जोड़ता और duplicate declarations नहीं हटाता, इसलिए colour: red बिना बदलाव के पास हो जाता है। Quoted strings के अंदर भी हर जगह whitespace runs collapse हो जाते हैं, इसलिए ऐसे content values जाँचें जो कई spaces पर निर्भर हों। फ़ाइल ship करने के लिए तैयार हो जाए, तो उसे CSS मिनिफ़ायर से फिर compress करें।

इस्तेमाल करने का तरीका

1. रॉ या मिनिफ़ाइड CSS कोड पेस्ट करें।
2. 2-space या 4-space इंडेंटेशन चुनें।
3. Format CSS पर क्लिक करें और परिणाम को कॉपी या डाउनलोड करें।

गोपनीयता और सीमाएँ

सारा CSS फ़ॉर्मैटिंग आपके ब्राउज़र में स्थानीय रूप से चलता है।