CSS ফরম্যাটারCSS formatter
CSS formatterCSS ফরম্যাটার
এক লাইনের CSS প্রতি-প্রপার্টি সাজানো আকারে পান, অথবা সাজানো CSS কেটে ছোট করুন। @media-র মতো নেস্টেড নিয়মও সামলানো হয়।
সব হিসাব আপনার ব্রাউজারেই হয়, কিছুই সার্ভারে যায় না।
কীভাবে কাজ করেHow it works
CSS-কে নির্বাচক, প্রপার্টি, মন্তব্য আর ব্লকে ভাঙা হয়। স্ট্রিং ("…"), মন্তব্য আর বন্ধনীর ভেতর (url(data:…;base64,…)) আলাদা করে দেখা হয়, তাই ভেতরের ; বা , কাঠামো ভাঙে না। সাজানো মোডে প্রতি প্রপার্টি আলাদা লাইনে, নির্বাচকের কমা ধরে লাইন ভাঙে। Minify-এ মন্তব্য ও বাড়তি ফাঁক যায় (/*! … */ লাইসেন্স-মন্তব্য থাকে)।
হিসাবের উদাহরণWorked examples
CSS সাজান
- ইনপুট
- a,b{color:red;background:url(data:image/png;base64,AAA)}@media (min-width:600px){.x{margin:0 auto}}
- কাজ
- সাজান
- ইন্ডেন্ট
- ২ স্পেস
- আগে (অক্ষর)
- ৯৯
- পরে (অক্ষর)
- ১২৯
Minify
- ইনপুট
- .card { color : #fff ; margin: 0 auto; }
- কাজ
- ছোট করুন
- ইন্ডেন্ট
- ২ স্পেস
- আগে (অক্ষর)
- ৪৪
- পরে (অক্ষর)
- ৩১
সাধারণ প্রশ্নFrequently asked questions
SCSS বা LESS চলবে?
সরল নেস্টিং সাধারণত ঠিকঠাক সাজে, কিন্তু এটা মূলত সাধারণ CSS-এর জন্য; ভেরিয়েবল ও মিক্সিন বুঝে সাজায় না।
Minify করলে কি কাজ করবে?
হ্যাঁ, শুধু মন্তব্য ও অপ্রয়োজনীয় ফাঁক কাটা হয়, নিয়ম বদলায় না। তবু লাইভে দেওয়ার আগে একবার দেখে নিন।
আরও কাজের টুলMore useful tools
💻 ডেভেলপার টুল — সব টুল দেখুনDeveloper Tools — view all tools →