CSS वैलिडेटर

css-tree व्याकरण डेटा से CSS में सिंटैक्स त्रुटियाँ, बंद न हुए ब्लॉक, अज्ञात प्रॉपर्टी और अमान्य मान जाँचें। हर समस्या की पंक्ति व कॉलम, ब्राउज़र में।

CSS इनपुट

css-tree के व्याकरण डेटा के आधार पर सिंटैक्स, अज्ञात प्रॉपर्टी और अमान्य मान जाँचता है। कस्टम प्रॉपर्टी और var() वाले मान नहीं जाँचे जाते।

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

CSS वैलिडेटर क्या है?

CSS वैलिडेटर संरचनात्मक त्रुटियाँ (बंद न हुए ब्रेस, स्ट्रिंग, टिप्पणियाँ या कोष्ठक), पार्स त्रुटियाँ, अज्ञात प्रॉपर्टी, अमान्य प्रॉपर्टी मान और अज्ञात at-rule बताता है, हर एक की पंक्ति और कॉलम के साथ। प्रॉपर्टी और मान की जाँच css-tree के साथ आने वाले CSS व्याकरण डेटा से होती है; यह W3C की CSS वैलिडेशन सेवा नहीं है।

CSS वैलिडेटर का उपयोग कैसे करें

अपना CSS इनपुट बॉक्स में पेस्ट करें।
सत्यापित करें पर क्लिक करें (टाइप करते समय नतीजे अपडेट होते हैं)।
सार और त्रुटियों व चेतावनियों की सूची पढ़ें।
दिखाई गई पंक्ति और कॉलम से हर समस्या ठीक करें।

उदाहरण

इनपुट

a { colr: red; color: bluee; }

आउटपुट

Errors: 2 · Warnings: 0
Line 1, column 5 Unknown property "colr"
Line 1, column 16 Invalid value for "color": bluee

CSS वैलिडेटर का उपयोग कब करें

colr या bluee जैसी टाइपो पकड़ने, लंबी फ़ाइल में बंद न हुआ ब्रेस खोजने, या डिप्लॉय से पहले हाथ से लिखा CSS जाँचने के लिए इसका उपयोग करें। बहुत नई प्रॉपर्टी व्याकरण डेटा में न हों यह संभव है; ब्राउज़र समर्थन की जाँच नहीं होती।

CSS वैलिडेटर कैसे काम करता है

एक स्कैनर जाँचता है कि {} और () संतुलित हैं और स्ट्रिंग/टिप्पणियाँ बंद हैं। फिर स्टाइलशीट को css-tree (जो CSSO के साथ आता है) से पार्स किया जाता है, जो पार्स त्रुटियाँ बताता है। हर डिक्लेरेशन को lexer.matchDeclaration से css-tree के प्रॉपर्टी व्याकरण से मिलाया जाता है: अज्ञात प्रॉपर्टी त्रुटि हैं, vendor-prefix वाली अज्ञात प्रॉपर्टी (-moz-foo) चेतावनी हैं, और व्याकरण से न मिलने वाले मान (जैसे पाँच मान वाला margin) त्रुटि हैं। कस्टम प्रॉपर्टी (--x) और var(), env() या attr() वाले मान स्थैतिक रूप से जाँचे नहीं जा सकते और छोड़ दिए जाते हैं।