CSS फ़ॉर्मेट करें

आपने एक मिनीफाई की गई स्टाइलशीट (सब कुछ एक पंक्ति में) डाउनलोड की है या किसी ऑनलाइन टूल से बना CSS कॉपी किया है? पठनीय संस्करण, प्रति पंक्ति एक घोषणा, पाने के लिए इसे यहाँ चिपकाएँ। यह एक बुनियादी फ़ॉर्मेटर है (ब्लॉक के अनुसार इंडेंटेशन): यह गुणों को पुनर्व्यवस्थित नहीं करता, सिंटैक्स को मान्य नहीं करता और डुप्लिकेट नियमों को मर्ज नहीं करता।

उदाहरण:

यह कैसे काम करता है

अपना मिनीफाई या कॉम्पैक्ट CSS चिपकाएँ और « फ़ॉर्मेट करें » पर क्लिक करें: उपकरण सिलेक्टर की पंक्ति के अंत में खुला ब्रेस रखता है, प्रत्येक घोषणा (गुण: मान) को अपनी पंक्ति पर रखता है, प्रति स्तर 2 स्थानों से इंडेंट करता है (जैसे @media नेस्टेड नियम प्रबंधित होते हैं), और बंद ब्रेस को अपनी पंक्ति पर अलग कर देता है।

मेरी CSS टिप्पणियाँ अजीब जगह पर क्यों दिखती हैं?

उपकरण <code>/* ... */</code> टिप्पणियों की सामग्री को संरक्षित करता है, लेकिन उन्हें आसपास की घोषणाओं के सापेक्ष बुद्धिमानी से पुनः स्थान नहीं देता: वे मूल स्रोत कोड में जहाँ थे, वहीं बने रहते हैं।

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

नहीं। केवल कोड की प्रस्तुति (स्थान, लाइन-ब्रेक, इंडेंटेशन) बदली जाती है। सिलेक्टर, गुण और मान सख्ती से समान रहते हैं।

फ़ॉर्मेटिंग आपके ब्राउज़र में WebAssembly के माध्यम से 100% स्थानीय रूप से चलती है: आपका CSS कोड कभी सर्वर पर नहीं भेजा जाता।