هل هناك مشكلة في هذه الأداة؟
عن «تنسيق CSS عبر الإنترنت»
تجمّل هذه الأداة CSS المصغّر أو الفوضوي إلى شكل ذي مسافات بادئة جيدة وقابل للقراءة. تضع كل إعلان على سطره الخاص، تطبّع التباعد حول الأقواس والنقطتين، تفرز الخصائص (اختياريًا)، وتوحّد المسافات البيضاء ومواضع التعليقات.
مفيدة عند قراءة CSS الإنتاج المصغّر الذي كتبه أحد زملائك أو بائع، أو عند إعداد CSS لمراجعة الكود، أو عند تطبيع الأنماط قبل التحقق منها في التحكم بالإصدار.
يتعامل المنسق مع المحددات المتداخلة وقوائم الوسائط وkeyframes والخصائص المخصصة والميزات الحديثة مثل طبقات CSS بشكل صحيح. يرتب وضع sort-properties الإعلانات أبجديًا — مفيد للإخراج الصديق لـ diff ولكنه ليس دائمًا الترتيب الأكثر منطقية للقراءة.
كيف تستخدم هذه الأداة
كيف أُجمّل CSS مضغوطًا أو فوضويًا؟
ألصق الـ CSS
ضع CSS مضغوطًا أو غير منسَّق في حقل «CSS». تقبل الأداة ورقات الأنماط الكاملة أو الأجزاء؛ وتمرّ التعليقات و media queries و at-rules المتداخلة.
اضغط «تشغيل»
الناتج حقل واحد `formatted` بتصريح واحد لكل سطر، ومسافة بادئة بحجم مسافتين داخل الأقواس، وسطر فارغ بين القواعد العليا. تظل المحددات في سطر واحد؛ والطويلة جدًا لا تُلَفّ.
ما لا يفعله
لا توسيع لـ vendor-prefix ولا تحويل shorthand → longhand ولا autoprefixing ولا إعادة كتابة قيم. إن كان مدخلك `margin:0 5px` فالخرج `margin: 0 5px;` لا الخصائص الأربع المنفصلة.
متى تعيد الضغط
نسّق للمراجعة البشرية، ثم شغّل css-minifier-online قبل النشر. سلامة الذهاب-والإياب قائمة لـ CSS الصالح — المدخل غير الصالح يحصل على معالجة بأفضل جهد وقد لا يُحلَّل بنفس الشكل بعدها.