منسّق CSS

حول هذه الأداة

ينسّق CSS ويجمّله: تصبح القواعد المضغوطة أو غير المرتبة بإعلان واحد في كل سطر ومسافات متسقة، فتسهل المراجعة وقراءة الفروق. لا يتغير سوى المسافات، أما المحددات والقيم والتتالي فتبقى كما هي.

طريقة الاستخدام

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

مثال

يبدأ المثال ببطاقة مضغوطة تستعيد إزاحتها بعد التنسيق.

إدخال

.card{display:flex;padding:1.5rem;border-radius:.5rem;background:#fff}.card h2{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}

مخرجات

.card {
  display: flex;
  padding: 1.5rem;
  border-radius: .5rem;
  background: #fff;
}

.card h2 {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 .5rem;
}

نصيحة

نسّق قبل مراجعة الكود، واترك التصغير لمرحلة بناء الإصدار النهائي.

معلومات مفيدة