تنسيق CSS
هل نزّلت ورقة أنماط مصغّرة (كل شيء في سطر واحد) أو نسخت CSS مولّدًا بواسطة أداة عبر الإنترنت؟ الصقه هنا للحصول على نسخة مقروءة، تعليمة واحدة في كل سطر. أداة تنسيق أساسية (مسافات بادئة حسب الكتلة): إنها لا تعيد ترتيب الخصائص، ولا تتحقق من صحة البناء، ولا تدمج القواعد المكررة.
كيف يعمل
الصق CSS المصغّر أو المضغوط وانقر على «تنسيق»: تضع الأداة قوس الفتح في نهاية سطر المحدد، وتضع كل تعليمة (خاصية: قيمة) في سطر خاص بها، وتضيف مسافتين بادئتين لكل مستوى (القواعد المتداخلة مثل @media مدعومة)، وتعزل قوس الإغلاق في سطر خاص به.
لماذا تظهر تعليقات CSS الخاصة بي في مواضع غريبة؟
تحافظ الأداة على محتوى التعليقات <code>/* ... */</code> ولكنها لا تعيد وضعها بذكاء بالنسبة للتعليمات المحيطة بها: تظل ملتصقة بالمكان الذي ظهرت فيه في الكود المصدري الأصلي.
هل يغيّر التنسيق سلوك CSS الخاص بي؟
لا. يتم تعديل عرض الكود فقط (المسافات، الأسطر الجديدة، المسافات البادئة). تظل المحددات والخصائص والقيم متطابقة تمامًا.
يتم تنفيذ التنسيق محليًا 100% في متصفحك عبر WebAssembly: لا يتم إرسال كود CSS الخاص بك أبدًا إلى خادم.