Utilore

CSS फ़ॉर्मैटर

स्टाइलशीट चिपकाइए — भले वह एक ही पंक्ति में आई हो — और फिर से पढ़िए। हर घोषणा को अपनी पंक्ति, नेस्टेड ब्लॉक को अपना इंडेंट, और टिप्पणियों को उनकी जगह मिलती है।

कोड इस पेज से बाहर नहीं जाता — फ़ॉर्मैटिंग ब्राउज़र में होती है।

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

  1. पहले बॉक्स में CSS चिपकाएँ।
  2. इंडेंट चुनें: दो स्पेस, चार स्पेस या टैब।
  3. नतीजा कॉपी करें, या «मिनिफ़ाई» दबाकर उसे फिर समेटें।

जानने योग्य बातें

भोला फ़ॉर्मैटर स्टाइलशीट क्यों तोड़ देता है

हर सेमीकोलन और हर ब्रेस पर काटना तब तक ठीक लगता है जब तक फ़ाइल में content: "a;b" न आ जाए, या url() के भीतर SVG वाला data URI न मिल जाए। असली CSS में दोनों आम हैं। यह फ़ॉर्मैटर फ़ाइल को अक्षर-दर-अक्षर पढ़ता है, इसलिए उद्धरण के भीतर की स्ट्रिंग और टिप्पणियाँ पहले विराम-चिह्न पर कटने के बजाय पूरी की पूरी आगे बढ़ती हैं।

ऐसी नेस्टिंग जो सचमुच काम आती है

मीडिया क्वेरी, supports ब्लॉक और आधुनिक नेस्टेड नियम एक-एक स्तर जोड़ते हैं, और इंडेंट उनके पीछे चलता है। शीर्ष स्तर के नियमों के बीच एक ख़ाली पंक्ति रहती है, जिससे दो हज़ार पंक्तियों की स्टाइलशीट भी अक्षरों की दीवार नहीं, ब्लॉकों की सूची जैसी पढ़ी जाती है।

अक्सर पूछे जाने वाले सवाल

क्या मेरी टिप्पणियाँ बची रहती हैं?

हाँ। अकेली टिप्पणी अपनी पंक्ति लेती है; किसी घोषणा के बाद आई टिप्पणी उसी के साथ रहती है।

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

किसी गुण का नाम, क्रम या अस्तित्व नहीं बदला जाता। केवल ख़ाली जगह हिलती है — स्टाइलशीट पहले जैसी ही चलती है।

क्या कोड सर्वर पर जाता है?

नहीं। सब कुछ आपके ब्राउज़र में चलता है, इसलिए गोपनीय परियोजना की स्टाइलशीट आपके ही कंप्यूटर पर रहती है।

SCSS या LESS का क्या?

नेस्टेड नियम और टिप्पणियाँ ठीक से सजती हैं। वेरिएबल, मिक्सिन और नियंत्रण निर्देश समझे नहीं जाते, पर ज्यों के त्यों निकल जाते हैं।

संबंधित टूल