Output will appear here...يقرأ منسق CSS ورقة الأنماط ويعيد كتابتها بمسافات ومسافة بادئة وفواصل أسطر متسقة بحيث يكون من السهل قراءتها وصيانتها. يقوم بتوزيع CSS في بنيته الأساسية من القواعد والمحددات والإعلانات والقواعد والتعليقات، ثم يطبع تلك البنية مرة أخرى باستخدام تخطيط يمكن التنبؤ به: إعلان واحد لكل سطر، ومساحة واحدة بعد كل نقطتين، وكل كتلة متداخلة ذات مسافة بادئة بمستوى أعمق من الأصل. تظل قواعد النمط متطابقة، ولكن الملف الذي وصل كسطر طويل غير منقطع يصبح شيئًا يمكنك مسحه ضوئيًا وتحريره فعليًا.
تعمل نفس الأداة بشكل عكسي مثل أداة تصغير CSS. يؤدي تصغير الشرائط إلى كل مسافة وعلامة تبويب وفاصل أسطر وتعليق (اختياريًا) لا يحتاجه المتصفح، مما يؤدي إلى طي ورقة الأنماط إلى أصغر مكافئ بايت مقابل بايت. غالبًا ما تنخفض ورقة الأنماط جيدة التنسيق بسعة 6 كيلو بايت إلى أقل من 4 كيلو بايت بمجرد اختفاء المسافة البيضاء، مما يعني عددًا أقل من البايتات عبر الشبكة وطلاء أول أسرع. تجميل أثناء الكتابة وتصحيح الأخطاء؛ تصغير النسخة التي تشحنها إلى الإنتاج.
يفهم هذا المنسق أجزاء CSS التي تتعثر في البرامج النصية الساذجة للبحث والاستبدال. تحافظ قواعد at المتداخلة مثل @media و@supports على وضع مسافة بادئة لقواعدها الداخلية بشكل صحيح، ويتم الاحتفاظ بكتل @keyframes ذات الخطوات المئوية، ويتم ترك القيم الحرفية للسلسلة في المحتوى وقيم عنوان url () تمامًا كما هي مكتوبة، ويتم الاحتفاظ بالتعليقات أو إزالتها عند الطلب. يتم تشغيل كل شيء بالكامل في متصفحك، لذلك لا يتم تحميل ورقة الأنماط الخاصة بك، بما في ذلك أي رموز تصميم خاصة أو أسماء فئات داخلية، أبدًا، وتستمر الأداة في العمل بعد تحميل الصفحة حتى بدون أي اتصال.
لصق أو كتابة ورقة أنماط في منطقة الإدخال. تعمل جميع ملفات CSS المصغرة أو المكتوبة بخط اليد أو المصدرة، بما في ذلك الملفات التي تحتوي على @media و@keyframes والتعليقات.
انقر فوق Beautify لإعادة المسافة البادئة لـ CSS للقراءة، أو Minify لتجريد المسافة البيضاء للشحن. اختر مسافتين أو 4 مسافات أو علامات تبويب لتخطيط التجميل.
يظهر CSS المنسق على اليمين مع شارة حجم توضح تغيير البايت. يتم إدراج أي إشعارات تحليل، مثل الدعامة غير المغلقة، كتحذيرات.
انسخ الإخراج إلى الحافظة الخاصة بك أو قم بتنزيله كملف.css، جاهز لإسقاطه في مشروعك أو إنشاء خط أنابيب.
تقوم إحدى الأدوات بإعادة وضع مسافة بادئة لـ CSS للقراءة وتجريدها مرة أخرى للشحن، لذلك لا تحتاج أبدًا إلى أداتين منفصلتين
يضع مسافة بادئة للقواعد داخل @media و@supports و@keyframes بشكل صحيح بدلاً من تسطيحها أو تشويهها
يترك محتويات السلاسل المقتبسة وقيم عنوان url () دون تغيير، بحيث تظل عناوين URI لنص المحتوى والبيانات سليمة
قم بالتنسيق بمسافتين أو أربع مسافات أو علامات تبويب لتتناسب مع نمط مشروعك أو إعدادات المحرر
Format, validate, and minify JSON data
Validate YAML syntax and convert to JSON format
Minify CSS to cut file size or beautify minified stylesheets for debugging
Format messy SQL into readable, indented queries or minify SQL to a single line
0 comments
No comments yet. Be the first to share your thoughts!