منسّق ومُجمِّل CSS

كيفية الاستخدام

الصق كود CSS المضغوط في الحقل الأيسر ثم اضغط تنسيق CSS ليظهر الناتج مرتّباً في الحقل المقابل. يمكنك الضغط على استخدم الناتج كمدخل للعودة في الاتجاه المعاكس دون نسخ يدوي، أو تنزيل الناتج كملف .css.

مثال عملي

المدخل في سطر واحد:

body{margin:0;padding:0}.card{color:#333;padding:1rem}

الناتج بعد التنسيق:

body {
  margin: 0;
  padding: 0;
}

.card {
  color: #333;
  padding: 1rem;
}

ماذا تدعم الأداة؟

• القواعد المتداخلة مثل @media و@keyframes و@supports.
• النصوص داخل علامات الاقتباس مثل content: "…" وfont-family محفوظة حرفياً.
• التعليقات /* … */ تبقى في موضعها دون تغيير.

حدود الأداة

• الإزاحة المعتمدة مستويان (2 مسافتين) ولا يمكن تغييرها.
• التحقق من الأقواس يظهر تنبيهاً ولا يمنع التنسيق.
• تعريفات المتغيّرات المخصّصة ذات الكتل تُعالَج بأفضل جهد وقد لا تحافظ على بنيتها.

ملاحظة أمنية

كل المعالجة تتم محلياً داخل متصفحك، ولا يوجد أي طلب شبكة، لذا لا يغادر ملف الأنماط جهازك.