Utilore

تنسيق CSS

ألصق ورقة الأنماط — ولو وصلتك في سطر واحد — لتقرأها من جديد. كل تصريح في سطره، والكتل المتداخلة تنال إزاحتها، والتعليقات تبقى في مواضعها.

الشيفرة لا تغادر هذه الصفحة: التنسيق يجري داخل متصفحك.

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

  1. ألصق شيفرة CSS في الحقل الأول.
  2. اختر المسافة البادئة: مسافتان أو أربع أو علامة جدولة.
  3. انسخ النتيجة، أو اضغط «تصغير» لضغطها من جديد.

معلومات مفيدة

لماذا تُفسِد الأدوات الساذجة أوراق الأنماط

يبدو التقطيع عند كل فاصلة منقوطة وكل قوس معقوف ناجحًا، إلى أن يظهر في الملف content: "a;b" أو عنوان بيانات يحوي SVG داخل url(). وكلاهما شائع في CSS الحقيقي. هذه الأداة تقرأ الملف حرفًا حرفًا، فتُنقَل النصوص بين علامتَي اقتباس والتعليقات كاملةً بدل أن تُقطَع عند أول علامة ترقيم.

تداخل ينفع فعلًا

تضيف استعلامات الوسائط وكتل supports والقواعد المتداخلة الحديثة مستوى لكلٍّ منها، وتتبعها الإزاحة. ويفصل سطر فارغ بين قواعد المستوى الأعلى، فتُقرأ ورقة من ألفَي سطر قائمةَ كتلٍ لا جدارًا من النص.

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

هل تبقى تعليقاتي؟

نعم. التعليق المستقلّ يأخذ سطره الخاص، والتعليق الذي يلي تصريحًا يبقى معه.

هل تغيّر شيفرتي؟

لا تُعاد تسمية أي خاصية ولا يُعاد ترتيبها ولا تُحذَف. تتحرّك المسافات فقط، وتعمل الأنماط تمامًا كما كانت.

هل تُرسَل شيفرتي إلى خادم؟

لا. كل شيء يعمل في متصفحك، فتبقى ورقة أنماط مشروعٍ سرّي على جهازك.

وماذا عن SCSS أو LESS؟

تُنسَّق القواعد المتداخلة والتعليقات جيدًا. أما المتغيّرات والمخاليط وتعليمات التحكّم فتمرّ كما هي دون تفسير.

أدوات ذات صلة