इस टूल के बारे में
CSS Beautifier एक मुफ़्त, इन-ब्राउज़र फ़ॉर्मैटर है जो minified या अव्यवस्थित CSS को साफ़, समान रूप से indent किए गए लेआउट में बदल देता है। पहले यह मौजूदा whitespace को समेटता है, फिर संरचना को शुरू से दोबारा बनाता है: हर rule और declaration अपनी अलग लाइन पर जाता है, opening brace selector की लाइन पर ही रहता है, closing brace अपनी अलग लाइन पर आता है, और nested blocks को प्रति स्तर दो spaces indent किया जाता है।
यह केवल उन विराम-चिह्नों पर काम करता है जो selectors, blocks और declarations को अलग करते हैं, हर declaration के colon के बाद एक space और opening brace से पहले एक space जोड़ता है। Property नाम और values ज्यों के त्यों रहते हैं, इसलिए केवल spacing बदलती है और styling पर असर नहीं पड़ता। फ़ॉर्मैटिंग आपके टाइप करते ही लाइव चलती है, पूरी तरह आपके ब्राउज़र में — कोई अपलोड नहीं, कोई अकाउंट नहीं, कोई ट्रैकिंग नहीं, और यह ऑफ़लाइन काम करता है।
यह तब काम आता है जब आपको किसी build output से लिए गए compressed stylesheet को पढ़ना, diff करना या हाथ से एडिट करना हो, या किसी एक-लाइन snippet को पठनीय रूप में फैलाना हो। CSS पेस्ट करें, output बॉक्स में साफ़ किए गए परिणाम को देखें, और एक क्लिक में कॉपी करें।