CSS फ़ॉर्मैटर
Selectors, declarations, comments, values और at-rule structure रखते हुए CSS में readable indentation जोड़ें।
Make CSS easier to review
Compressed CSS में selectors, declarations, comments और लंबे values एक लाइन में छिप सकते हैं। यह tool readable layout दिखाता है।
Formatting presentation बदलती है और validity, efficiency, accessibility या compatibility सिद्ध नहीं करती। Source और diff रखें।
Selectors, declarations, comments, custom properties, media queries और quoted values वाला sample लें।
Formatting is not CSS validation
CSS में selectors, declarations, values, comments, at-rules, functions, custom properties और blocks होते हैं। Indentation सीमाएँ दिखाती है।
Formatter whitespace और tokens सजाता है पर standards, specificity, accessibility, performance या build compatibility validate नहीं करता।
Values में strings, URLs, escapes, gradients, variables और vendor extensions हो सकते हैं।
How to format CSS
- पूरा stylesheet या supported fragment डालें।
- Selectors, braces, declarations, comments, custom properties, functions और at-rules देखें।
- Properties, values, quotes, URLs, variables और order को source से compare करें।
- Linter, build, accessibility और browser tests चलाएँ।
- Private URLs, tokens और user data हटाएँ।
Formatting method
- Selectors, declarations, values,
Selectors, declarations, values, comments, blocks, functions और at-rules पढ़ता है।
- Rules और nested
Rules और nested blocks के लिए line breaks और indentation जोड़ता है।
- Source के values,
Source के values, strings, URLs, custom properties, comments और order रखता है।
Parser recovery, dialect, vendor extensions, comments, whitespace और error को live engine में जाँचें।
Read the formatted result
सफल result CSS का readable layout है। Selectors, declarations, values, comments, blocks, functions और order source से मिलाएँ।
Failure parser support या recovery सिद्ध नहीं करता।
Browser, linter या build समस्या अलग है; formatting automatic optimization नहीं है।
सामान्य गलतियाँ
Indentation को validation मानने से invalid values, specificity problems या accessibility issues छिप सकती हैं।
Custom property, string, URL, escape या rule order बदलने से behavior बदल सकता है।
Vendor extension को हर toolchain में समान न मानें।
Private URL, token या user-specific styles data उजागर कर सकते हैं।
सीमाएँ और विशेष मामले
यह CSS presentation formatting है; standards, lint, accessibility, security, performance, compatibility या minification की guarantee नहीं।
Custom properties, at-rules, extensions, functions, escapes, comments और बड़े stylesheets target tools में test करें।
Confidential production styles न डालें।
Examples
क्या formatting CSS validate करती है?
क्या formatting CSS validate करती है?
पूरा stylesheet या supported fragment डालें।
सफल result CSS का readable layout है। Selectors, declarations, values, comments, blocks, functions और order source से मिलाएँ।
क्या cascade बदलता है?
क्या cascade बदलता है?
Selectors, braces, declarations, comments, custom properties, functions और at-rules देखें।
Failure parser support या recovery सिद्ध नहीं करता।
क्या values सुरक्षित रहती हैं?
क्या values सुरक्षित रहती हैं?
Properties, values, quotes, URLs, variables और order को source से compare करें।
Browser, linter या build समस्या अलग है; formatting automatic optimization नहीं है।
क्या comments रहते हैं?
क्या comments रहते हैं?
Linter, build, accessibility और browser tests चलाएँ।
सफल result CSS का readable layout है। Selectors, declarations, values, comments, blocks, functions और order source से मिलाएँ।
क्या media query format हो सकती है?
क्या media query format हो सकती है?
Private URLs, tokens और user data हटाएँ।
Failure parser support या recovery सिद्ध नहीं करता।
क्या performance सुधरती है?
क्या performance सुधरती है?
पूरा stylesheet या supported fragment डालें।
Browser, linter या build समस्या अलग है; formatting automatic optimization नहीं है।
Frequently asked questions
क्या formatting CSS validate करती है?
नहीं। Parser, linter, build, accessibility और browser tests चलाएँ।
क्या cascade बदलता है?
केवल presentation whitespace बदलना चाहिए; order compare और test करें।
क्या values सुरक्षित रहती हैं?
Examples values, strings, URLs और functions रखते हैं; diff देखें।
क्या comments रहते हैं?
Examples comments रखते हैं; input पर verify करें।
क्या media query format हो सकती है?
Example nested at-rule दिखाता है; support confirm करें।
क्या performance सुधरती है?
नहीं। Profiling और targeted optimization उपयोग करें।
क्या invalid CSS ठीक होता है?
Automatic repair न मानें; source सुधारकर validate करें।
Formatting के बाद क्या करें?
Diff review करें, linter और build चलाएँ, accessibility और browser test करें।