منسّق CSS

أعد لأوراق الأنماط قابلية القراءة أو اضغطها للإنتاج. يعتمد التنسيق على Prettier، بينما يستخدم التصغير تنفيذنا الخاص الذي يزيل التعليقات والمسافات بأمان.

المدخل

تلميح: اضغط Ctrl/⌘ + Enter للتنسيق.

تتم كل المعالجة محليًا داخل متصفحك. صورك لا تغادر جهازك أبدًا.

طريقة الاستخدام

  1. 1

    الصق كود CSS في المحرر.

  2. 2

    اضغط «تنسيق» لناتج مقروء أو «تصغير» للضغط.

  3. 3

    راجع نسبة التوفير المعروضة أدناه.

  4. 4

    انسخ النتيجة أو نزّل ورقة الأنماط.

الصيغ المدعومة

يقبل

ينتج

الأسئلة الشائعة

التعليقات والمسافات غير الضرورية والفاصلة المنقوطة الأخيرة في الكتلة والأصفار الزائدة، دون تغيير سلوك الأنماط.

‏CSS العادي مدعوم بالكامل، أما صياغة المعالجات المسبقة فقد تُنسَّق دون ضمان تصغيرها بشكل صحيح.

نعم. تُحفظ الخصائص المخصصة واستعلامات الوسائط والتداخل وقواعد at كما هي.

تبلّغ الأداة عن المشكلة وتعيد نسخة منسّقة قدر الإمكان لتتمكن من تحديد موضعه.

لا. كل شيء يعمل محليًا داخل متصفحك.

نبذة معمّقة عن الأداة: منسّق CSS

أنماط مرتبة بتمريرة واحدة

يجمل أو يصغّر منسّق CSS أوراق الأنماط: الوضع الموسع يضع كل تعريف في سطره بإزاحة متناسقة؛ والوضع المصغّر ينزع المسافات والفواصل المنقوطة الأخيرة والتعليقات ليقتطع كل بايت ممكن من ورقة الأنماط.

يصل CSS فوضوياً من كل مكان — أطر عمل، ومولّدات أكواد، ومقاطع ملصوقة من المنتديات. تنسيقه أولاً يجعل مشاكل الأولوية والقواعد المكررة مرئية بنظرة واحدة. أما التصغير فأداء مجاني: أوراق الأنماط تحجب العرض، فكل بايت موفَّر يوصل CSS إلى المستخدم أسرع.

المعالجة محلية وفورية. الصق ورقة أنماط، واختر اتجاهاً، وراجع النتيجة بتظليل نحوي، وانسخها رجوعاً. وتُعالَج خصائص البائعين المسبوقة واستعلامات الوسائط المتداخلة والخصائص المخصصة دون مفاجآت.

مثل جميع أدوات بيكلّايزر، تعمل هذه الأداة بالكامل داخل متصفحك — وتبقى ملفاتك على جهازك.

أدوات ذات صلة