CSS फ़ॉर्मेटर

Prettier से CSS ब्यूटिफ़ाई करें: हर पंक्ति में एक डिक्लेरेशन, एक-सा स्पेसिंग, 2 या 4 स्पेस या टैब, और साफ़ नेस्टेड मीडिया क्वेरी। ब्राउज़र में चलता है।

इंडेंटेशन

CSS इनपुट

आउटपुट

पूरी तरह आपके ब्राउज़र में चलता है। आपका डेटा कभी अपलोड नहीं होता।

CSS फ़ॉर्मेटर क्या है?

CSS फ़ॉर्मेटर मिनिफ़ाई या असंगत स्टाइलशीट को Prettier से पढ़ने लायक CSS बनाता है: हर नियम और डिक्लेरेशन अपनी पंक्ति में, कोलन और सिलेक्टर के आसपास सामान्य स्पेसिंग, और नेस्टेड at-rule इंडेंट किए हुए।

CSS फ़ॉर्मेटर का उपयोग कैसे करें

CSS को इनपुट बॉक्स में पेस्ट करें या उदाहरण लोड करें पर क्लिक करें।
इंडेंटेशन चुनें।
फ़ॉर्मेट करें पर क्लिक करें (टाइप करते समय आउटपुट अपने आप भी अपडेट होता है)।
फ़ॉर्मेट किया हुआ CSS कॉपी या डाउनलोड करें।

उदाहरण

इनपुट

a{color:red;margin:0 auto}

आउटपुट

a {
  color: red;
  margin: 0 auto;
}

CSS फ़ॉर्मेटर का उपयोग कब करें

किसी वेबसाइट का मिनिफ़ाई CSS पढ़ने, रिव्यू से पहले हाथ से लिखी स्टाइलशीट सामान्य करने, या डॉक्स के लिए CSS स्निपेट फ़ॉर्मेट करने में इसका उपयोग करें। यह प्रॉपर्टी नाम या मान नहीं जाँचता – उसके लिए CSS Validator का उपयोग करें। SCSS या Less के लिए कोड ब्यूटिफ़ायर में वह भाषा चुनें।

CSS फ़ॉर्मेटर कैसे काम करता है

स्टाइलशीट को Prettier के PostCSS-आधारित पार्सर से पार्स किया जाता है और Prettier के CSS नियमों से छापा जाता है: हर कोलन के बाद एक स्पेस, हर डिक्लेरेशन के अंत में सेमीकोलन, और सूची के सिलेक्टर अलग पंक्तियों में। बंद न किए गए ब्लॉक या अन्य सिंटैक्स त्रुटियाँ पंक्ति और कॉलम के साथ बताई जाती हैं।