أين تتم معالجة إدخال CSS منسق؟

عند الإمكان تتم المعالجة في المتصفح. لا تلصق أسرار الإنتاج أو بيانات العملاء.

هل يمكن استخدام النتيجة مباشرة في الإنتاج؟

قبل النسخ، راجع بيئة التشغيل والترميز والمنطقة الزمنية وسياسات الأمان.

CSS منسق - أداة الكود مجانية على الويب

CSSالكودالخصوصية: محلي في المتصفح

CSS منسق

نسق CSS المضغوط لتسهيل مراجعة المحددات والخصائص واستعلامات الوسائط.

الإدخال / الناتج

ابدأ بالأداة

يبقى الإدخال والناتج وإجراءات النسخ في هذه المساحة الرئيسية. الأمثلة والفحوصات مفصولة أدناه.

ناتج جاهز للنسخ

أمثلة CSS

كتل المحددات

التصريحات

قواعد @media

أسطر الناتج

تشخيص CSS

افحص المحددات والقيم وقواعد @ والحجم بعد الضغط قبل النسخ.

الخصائص المخصصة

لم يتم العثور على خصائص مخصصة.

قيم الألوان

#111

قواعد @

لم يتم العثور على قواعد @.

نسبة الضغط

نسبة تقليل تقديرية بعد حذف المسافات والتعليقات.

معاينة المحددات

أول محددات تم العثور عليها في المقطع.

.card

ملاحظات الفحص

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

الناتج

تنسيق واضح

ناتج جاهز للنسخ

.card {
  display:flex;
  gap:16px;
  color:#111
}

جلسة محلية

تحفظ حالة الإدخال في هذا المتصفح فقط لاستعادة آخر عمل دون حساب.

راجع بعد ظهور النتيجة

افتح الأمثلة وقوائم الفحص والأدوات المرتبطة بعد انتهاء مسار الإدخال والناتج الأساسي.

الأدلة

أمثلة

نقاط بداية لهذه الأداة

.card{display:flex;color:#111}@media (min-width:768px){.grid{grid-template-columns:repeat(3,1fr)}}:root{--gap:16px}.panel{padding:var(--gap);border:1px solid #ddd}

حالات الاستخدام

الكود

نسق CSS المضغوط لتسهيل مراجعة المحددات والخصائص واستعلامات الوسائط.
يعالج الإدخال بأسلوب محلي في المتصفح مع مراجعة النتيجة قبل النسخ.

قارن الإدخال الأصلي بشكل الناتج مرة أخرى.
راجع اختلافات بيئة التشغيل والترميز والمنطقة الزمنية وسياسة الأمان.
تابع بأداة مرتبطة للتأكد من أن نتيجة CSS منسق مناسبة للخطوة التالية.