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 যাচাই করে না।
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-এর সঙ্গে তুলনা করুন।
- 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, strings,
Source-এর values, strings, URLs, custom properties, comments এবং order রাখে।
Parser recovery, dialect, vendor extensions, comments, whitespace এবং error live engine-এ পরীক্ষা করুন।
Read the formatted 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 বা accessibility সমস্যা লুকাতে পারে।
Custom property, string, URL, escape বা rule order বদলালে আচরণ বদলায়।
Vendor extension সব toolchain-এ একই ধরে নেবেন না।
Private URL, token বা user-specific style data প্রকাশ করতে পারে।
সীমা ও বিশেষ ক্ষেত্র
এই feature CSS presentation formatting; standards, lint, accessibility, security, performance, compatibility বা minification নিশ্চিত করে না।
Custom properties, at-rules, extensions, functions, escapes, comments এবং বড় stylesheet target tools-এ test করুন।
Confidential production style দেবেন না।
Examples
Formatting কি CSS validate করে?
Formatting কি CSS validate করে?
সম্পূর্ণ stylesheet বা supported fragment দিন।
সফল ফল 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-এর সঙ্গে তুলনা করুন।
Browser, linter বা build সমস্যা আলাদা; formatting automatic optimization নয়।
Comments কি থাকে?
Comments কি থাকে?
Linter, build, accessibility এবং browser tests চালান।
সফল ফল 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 দরকার।
ভুল CSS কি ঠিক হয়?
Automatic repair ধরে নেবেন না; source ঠিক করে validate করুন।
Formatting-এর পরে কী করব?
Diff review করে linter, build, accessibility ও browser tests চালান।