कोड फ़ॉर्मैटर

CSS Formatter

CSS selectors, declarations, media queries, keyframes और custom properties को फ़ॉर्मैट करें।

चलाने के लिए Ctrl / ⌘ + Enter दबाएँ
केवल-पढ़ने योग्य परिणाम

CSS selectors, declarations, media queries, keyframes और custom properties को फ़ॉर्मैट करें।

यह टूल क्या करता है

सीएसएस फॉर्मेटर प्रीटियर के पोस्टसीएसएस पार्सिंग प्लगइन के माध्यम से नियमों, घोषणाओं और एट-नियमों को समझता है। यह सरल कैरेक्टर प्रतिस्थापन के साथ ब्रेसिज़ को संभाल नहीं सकता है, इसलिए यह स्ट्रिंग्स, टिप्पणियों, कैल्क () और कस्टम प्रॉपर्टी मानों के बीच अंतर कर सकता है।

  • सामान्य आधुनिक सीएसएस, मीडिया क्वेरीज़ और कीफ़्रेम का समर्थन करता है।
  • केवल पाठ को प्रारूपित करता है और शैलियों को वर्तमान पृष्ठ में सम्मिलित नहीं करता है।
  • अमान्य सिंटैक्स एक पार्सर त्रुटि प्रदर्शित करेगा.

इसे कैसे उपयोग करें

  1. सीएसएस चिपकाएँ.
  2. इंडेंट चौड़ाई का चयन करें.
  3. "फ़ॉर्मेट सीएसएस" पर क्लिक करें।
  4. स्वरूपित.सीएसएस को कॉपी या डाउनलोड करें।

सामान्य उपयोग

  • सिंगल-लाइन या पढ़ने में कठिन स्टाइलशीट साफ़ करें।
  • टीम कोड स्निपेट प्रारूप को एकीकृत करें।
  • नेस्टेड मीडिया प्रश्नों और एनीमेशन संरचनाओं का निरीक्षण करने में मदद करता है।

CSS Formatter की विशेषताएँ

सीएसएस चयनकर्ताओं, घोषणाओं, मीडिया क्वेरीज़, कीफ़्रेम और कस्टम गुणों को पार्स और सुशोभित करें। यह दैनिक विकास, डिबगिंग, डेटा सॉर्टिंग और कोड अनुकूलन परिदृश्यों के लिए उपयुक्त है। प्रसंस्करण परिणामों को सीधे देखा, कॉपी या डाउनलोड किया जा सकता है।

FAQ

क्या कस्टम संपत्तियों को गलत तरीके से विभाजित किया जाएगा?

पार्सर सीएसएस घोषणा संदर्भ को समझता है और सामान्य --कस्टम-प्रॉपर्टी मानों को सही ढंग से संभालता है।

क्या फ़ॉर्मेटिंग से चयनकर्ता प्रभाव बदल जाएगा?

लक्ष्य केवल लेआउट बदलना है; हालाँकि, किसी भी स्वचालित उपकरण के साथ प्रसंस्करण से पहले स्रोत फ़ाइलों को बनाए रखने और परियोजना का परीक्षण करने की अनुशंसा की जाती है।

क्या इस पेज पर सीएसएस लागू किया जाएगा?

नहीं, इनपुट और आउटपुट दोनों टेक्स्ट बॉक्स में रहते हैं।

डेवलपर टूल पर वापस जाएँ