কীভাবে ব্যবহার করবেন
- আপনার CSS, SCSS বা Less পেস্ট করুন।
- ভাষা ও indentation বেছে নিন।
- ফরম্যাট করুন-এ ক্লিক করুন, অথবা Ctrl+Enter চাপুন (Mac-এ ⌘+Enter)।
- ফরম্যাট করা style sheet কপি করুন।
অপশনগুলোর ব্যাখ্যা
- ভাষা
- CSS, SCSS বা Less। আপনি সঠিকটি বেছে নিন, যাতে variable ($gap, @gap) এবং nested rule সঠিকভাবে বোঝা যায়।
- Indent ও line width
- Nested rule ও declaration-এর indentation, এবং দীর্ঘ selector list ও value কোন প্রস্থে wrap হবে।
উদাহরণ
মিনিফাই করা framework CSS। এক লাইনের .min.css ফাইল পেস্ট করে নিয়মগুলো একে একে পড়ুন।
SCSS পরিষ্কার করা। মিশ্র indentation-সহ nested SCSS পেস্ট করে দুই-স্পেসের nesting-এ একরকম ফল পান।
সচরাচর জিজ্ঞাসিত প্রশ্ন
ফরম্যাট করলে কী বদলায়?
প্রতিটি declaration আলাদা লাইনে বসে, colon ও brace-এর চারপাশের ফাঁক একরকম হয়, hex colour ছোট হাতের অক্ষরে আসে এবং একাধিক ফাঁকা লাইনের সারি একটিতে নেমে আসে। Property order ও value বদলায় না।
ওয়েবসাইটের CSS কি আবার সাজানো যায়?
হ্যাঁ। আপনি মিনিফাই করা ফাইল পেস্ট করে ফরম্যাট করুন-এ ক্লিক করুন। মিনিফায়ার সরিয়ে দেওয়া মন্তব্য পুনরুদ্ধার করা যায় না।
আমার কোড কি আপলোড হয়?
না। ফরম্যাটিং আপনার ব্রাউজারেই চলে।
গোপনীয়তা
এই টুলটি পুরোপুরি আপনার ব্রাউজারে চলে। আপনার ফাইল ও লেখা আপনার ডিভাইসেই প্রসেস হয় এবং কখনো আমাদের সার্ভারে আপলোড হয় না।