CSS Formatter
Format, beautify, and minify CSS
إدخال
إخراج
حول هذه الأداة
منسق CSS يحول CSS المضغوط أو غير القابل للقراءة إلى أوراق أنماط نظيفة ومتداخلة بشكل صحيح. يدعم جميع ميزات CSS القياسية بما فيها media queries والأصناف الزائفة وحركات keyframe والخصائص المخصصة.
وضع التصغير يزيل جميع التعليقات والمسافات البيضاء غير الضرورية لإنتاج أصغر CSS صالح للإنتاج. تتم جميع المعالجة محلياً في متصفحك.
كيفية الاستخدام
- الصق CSS الخاص بك في لوحة الإدخال اليسرى.
- اختر المسافة البادئة المفضلة (مسافتان أو 4).
- انقر تنسيق لتجميل الكود، أو تصغير للضغط.
- انقر نسخ لنسخ النتيجة إلى الحافظة.
حالات الاستخدام
يستخدم مطورو الواجهة الأمامية هذه الأداة لتنسيق CSS المنسوخ من DevTools أو ملفات الأنماط القديمة. يقلل التصغير حجم حزمة CSS بنسبة 30–50%.
الأسئلة الشائعة
- هل يدعم SCSS/LESS؟ — تُنسّق هذه الأداة CSS القياسي فقط. لـ SCSS أو LESS، استخدم منسقاً مخصصاً.
- هل يتم الحفاظ على التعليقات؟ — أثناء التنسيق يتم الحفاظ على التعليقات. وضع التصغير يزيل جميع التعليقات لتقليل الحجم.
- هل بياناتي آمنة؟ — تتم جميع المعالجة محلياً في متصفحك. لا يُرسل أي CSS إلى أي خادم.