أداة متخصصة لتنسيق وترتيب كود CSS (Beautifier) مع إمكانية التصغير. أدخل كود CSS غير المرتب، وسيتم إعادة تنسيقه بشكل احترافي مع خيارات متعددة للمسافة البادئة. يمكنك أيضاً تصغير الكود لإزالة المسافات والتعليقات لتقليل حجم الملف. مثالية للمطورين لتنظيم كود CSS وتحسين أداء المواقع.

اختر نمط المسافة البادئة (2 مسافات، 4 مسافات، أو Tab) ثم اضغط "تنسيق" لترتيب الكود، أو "تصغير" للحصول على كود مضغوط. يمكنك نسخ النتيجة أو تحميلها كملف .css.

تنسيق CSS (CSS Beautification) هو عملية إعادة ترتيب الكود لإضافة مسافات بادئة وأسطر جديدة لتسهيل القراءة والصيانة. التصغير (Minification) هو العملية المعاكسة: إزالة كل المسافات غير الضرورية والتعليقات لتقليل حجم الملف. هذه الأداة تستخدم خوارزمية ذكية لتحليل كود CSS وتحويله مع الحفاظ على النصوص داخل السلاسل والخصائص. تدعم التعليقات متعددة الأسطر وتتعامل مع الكود المعقد. جميع العمليات تجري محلياً في متصفحك – لا يتم إرسال أي بيانات إلى الخادم. يمكنك نسخ النتيجة مباشرة أو تحميلها كملف .css.

• أدخل كود CSS : الصق كود CSS الذي تريد تنسيقه أو تصغيره في الحقل المخصص.
• اختر المسافة البادئة : حدد نمط المسافة البادئة (2 مسافات، 4 مسافات، Tab).
• تنسيق أو تصغير : اضغط "تنسيق" لإعادة ترتيب الكود بمسافات وأسطر جديدة، أو "تصغير" لإزالة كل المسافات والتعليقات.
• نسخ أو تحميل : انسخ النتيجة إلى الحافظة باستخدام زر "نسخ النص"، أو حمّلها كملف .css باستخدام زر "تحميل الملف".
• مسح الحقول : استخدم زر "مسح" لتفريغ الحقول والبدء من جديد.
• أمثلة : جرب إدخال كود CSS مضغوط وشاهد الفرق بعد التنسيق.