طريقة تنسيق CSS
الصق الكود
الصق أكواد CSS أو افتح ملف .css، أو جرّب «مثال».
اختر المسافات
مسافتان أو 4 أو Tab، وأقصى طول للسطر.
انسخ أو حمّل
اضغط «نسّق الكود»، ثم انسخ النتيجة أو حمّلها.
الخيارات
| الخيار | القيم | الأشيع |
|---|---|---|
| المسافة البادئة | مسافتان، 4 مسافات، Tab | مسافتان في أغلب مشاريع الويب |
| أقصى طول للسطر | 80 أو 100 أو 120 حرفا | 80، ويُقسم السطر الأطول إلى عدة أسطر |
نصائح
افهم كود قالب جاهز. ملفات CSS في القوالب والإضافات تأتي مضغوطة غالبا؛ نسّقها أولا لتجد القاعدة التي تريد تعديلها.
لا تعدّل الملف المضغوط مباشرة. عدّل في نسخة منسقة، ثم اضغطها من جديد بأداة ضغط CSS قبل الرفع.
أخطاء برقم السطر. قوس لم يُغلق أو قاعدة ناقصة؟ نعرض مكان الخطأ بدقة.
أسئلة شائعة
كيف أفك ضغط ملف CSS؟
الصق محتوى الملف المضغوط هنا (أو افتحه) واضغط «نسّق الكود»، فتحصل على كل قاعدة وخاصية في سطرها. التعليقات المحذوفة عند الضغط لا تعود.
هل يغير التنسيق شيئا في عمل CSS؟
لا. يغير المسافات والأسطر فقط، ويكتب الألوان بأحرف صغيرة. اختبرناه على 17 ملفا حقيقيا وقارنّا كل قاعدة قبل التنسيق وبعده بمحلل CSS مستقل.
هل يدعم SCSS؟
الأداة مخصصة لـCSS، وتدعم ميزاتها الحديثة مثل التداخل. ملفات SCSS البسيطة قد تعمل، لكننا لم نختبرها.
ما المحرك المستخدم؟
Prettier 3.9 (رخصة MIT) مع محلل PostCSS، ويعمل داخل متصفحك.