أداة للمطورين / 16
منسّق CSS ومجمّله
نسّق قواعد CSS وقوائم المحددات وتعريفات الخصائص، وأضف المسافات البادئة لتصبح الشيفرة سهلة القراءة.
منسّق CSS ومجمّله: يحلّل TOEA قواعد CSS واستعلامات الوسائط وتعريفات الخصائص، ويوحّد المسافات بين الخصائص والمسافات البادئة للكتل. يعمل 100% محليًا في المتصفح، من دون رفع أي ملفات إلى الخادم.
- الفئة
- أدوات المطورين
- مرات التشغيل
- في المتصفح
- التكلفة
- مجاني · بلا تسجيل
- التوفر
- جاهز للاستخدام
تعمل بالكامل في المتصفح
مخرجات CSS المحسّنة التنسيق
قراءة ملف تنسيق أنشأه شخص آخر
يجعل تنسيق الملف المضغوط قراءته أسهل، لكنه لا يجعله مطابقًا للمصدر الذي أُنشئ منه: إذ تدمج أدوات الضغط القواعد وتعيد ترتيب التصريحات، لذلك توقّع وجود محددات مجمعة وقيم مختصرة. لمعرفة القاعدة التي تنسّق عنصرًا ما، تكون أدوات المطور في المتصفح أسرع، ويمكن للوحة Sources فيها تنسيق ملف مضغوط مباشرةً. يكشف تنسيق نسختين من ورقة تنسيق ومقارنتهما في مدقق الفروقات ما الذي غيّره التحديث.
ما الذي يتركه التنسيق دون تغيير
يضيف المنسّق المسافات البادئة والفواصل؛ لكنه لا يرتب الخصائص، ولا يصلح أسماء الخصائص التي بها أخطاء إملائية، ولا يضيف بادئات الشركات المصنّعة، ولا يزيل التصريحات المكررة، لذلك يمرر colour: red دون تغيير. تُدمج سلاسل المسافات البيضاء في كل مكان، بما في ذلك داخل السلاسل المقتبسة، لذا تحقق من قيم content التي تعتمد على عدة مسافات. عندما يصبح الملف جاهزًا للنشر، اضغطه مجددًا باستخدام ضاغط CSS.
طريقة الاستخدام
- الصق كود CSS الخام أو المضغوط.
- اختر مسافة بادئة من 2 أو 4 مسافات.
- انقر على تنسيق CSS، ثم انسخ النتيجة أو نزّلها.
الخصوصية والقيود
تُجرى جميع عمليات تنسيق CSS محليًا في المتصفح.
أدوات ذات صلة
الأسئلة الشائعة
هل يدعم استعلامات @media؟
نعم، تُنسّق القواعد المتداخلة واستعلامات الوسائط مع استخدام المسافات البادئة المناسبة.
هل يغيّر رموز الألوان أو المحددات؟
لا، يضبط التنسيق المسافات البيضاء والمسافات البادئة والبنية، من دون تغيير قيم الخصائص.
أداة مجانية · عدد مرات الاستخدام في المتصفح · لا يتطلب حسابًا