أداة تنسيق CSS مجانية
تحول أداة تنسيق CSS المجانية هذه أوراق الأنماط المضغوطة أو غير المنظمة إلى كود قابل للقراءة مع إعلان واحد لكل سطر ومسافة واحدة بعد كل نقطتين وقواعد مُحاذاة. يتم محاذاة الكتل المتداخلة مثل استعلامات الوسائط بمستوى إضافي واحد. يتم الاحتفاظ بالتعليقات والنصوص وقيم url() تماماً كما هي مكتوبة. تناسب المطورين الذين يحتاجون إلى قراءة أو تعديل ورقة أنماط استقبلوها مضغوطة.
CSS Beautifier
Generators and Converters
عن هذه الأداة
CSS المضغوط مكتوب للمتصفحات وليس للأشخاص: كل قاعدة تجلس على سطر واحد والعثور على لون واحد أو هامش يعني مسح آلاف الأحرف. يستعيد التنسيق التخطيط الذي يجعل ورقة الأنماط سهلة المراجعة.
تقرأ الأداة ورقة الأنماط حرفاً تلو الآخر، لذا فإن الفواصل المنقوطة داخل عناوين بيانات url() والأقواس المعقوفة داخل النصوص لا تربكها. يبدأ كل محدد كتلة جديدة، وتحصل كل إعلان على سطره الخاص مع مسافة واحدة بعد النقطتين، والقواعد داخل كتل الوسائط أو الدعم يتم محاذاتها بمستوى أعمق واحد. تبقى التعليقات حيث كانت. يمكنك اختيار مسافتين أو أربع مسافات أو علامات تبويب.
التنسيق لا يغير ما يفعله CSS، وهو لا يصلح الأخطاء: القوس المفقود يظهر كمحاذاة لا تعود أبداً. اقترنها بمضغط CSS عندما تريد ضغط الملف مرة أخرى قبل النشر. لا يتم تخزين أي شيء تلصقه.
الأسئلة الشائعة
هل يغير التنسيق طريقة عمل CSS الخاص بي؟
لا. فقط المسافات البيضاء بين القواعس والإعلانات تتغير، لذا يقرأ المتصفح نفس التعليمات بالضبط. يتم نسخ النصوص والتعليقات وقيم url() دون تغيير، مما يحمي أيضاً الصور المضمنة للبيانات.
هل يمكنه تنسيق SCSS أو LESS؟
CSS العادي هو الهدف. عادةً ما تتم محاذاة كتل SCSS و LESS المتداخلة البسيطة بشكل معقول لأن الأقواس المعقوفة يتم التعامل معها بنفس الطريقة، لكن الميزات مثل mixins ذات الصيغة غير العادية لا يتم فهمها، لذا تحقق من النتيجة قبل الاعتماد عليها.
لماذا لا يعود القوس الإغلاق إلى اليسار؟
يتبع المنسق أقواسك بالضبط. إذا كانت قاعدة تفتقد قوساً إغلاقياً، تبقى المحاذاة عميقة حتى نهاية الملف. هذه طريقة سريعة للعثور على القاعدة المكسورة، لكن عليك إضافة القوس المفقود بنفسك.
كيف أجعله صغيراً مرة أخرى؟
احتفظ بالإصدار المنسق أثناء عملك، ثم قم بتشغيله من خلال مضغط CSS قبل النشر. يزيل المضغط التعليقات والمسافات البيضاء مرة أخرى، لذا تحصل على مصدر قابل للقراءة للتحرير وملف مضغوط للزوار.