كيف يعمل
يعيد ضبط المسافات البادئة ويرتّب أوراق أنماط CSS أو SCSS المضغوطة أو سيئة المحاذاة لجعلها مقروءة. مفيد لفحص الأنماط المصغَّرة، أو مراجعة CSS لطرف ثالث، أو توحيد التنسيق قبل حفظه.
يتيح لك اختيار نوع المسافة البادئة (مسافات أو علامات جدولة) وحجمها ونهاية السطر. يوضَع كل إعلان في سطر خاص به، وتوضَع المحدِّدات المفصولة بفواصل في أسطر منفصلة.
تتم المعالجة محليًا بالكامل في متصفحك باستخدام js-beautify. ينسّق العرض؛ ولا يصغّر ولا يعيد ترتيب الخصائص ولا يتحقق من صحة القواعد.
أمثلة
a,b{color:red;margin:0}a,
b {
color: red;
margin: 0
}تُفصَل المحدِّدات على أسطر وتُزاح كل خاصية بمسافة بادئة.حالات الاستخدام
- جعل ملف .css مصغَّر من موقع مقروءًا.
- توحيد المسافات البادئة لورقة أنماط قبل الالتزام (commit).
- مراجعة ومقارنة قواعد CSS من إطار عمل أو مكتبة.
- ترتيب SCSS المنسوخ من الوثائق أو المولِّدات.
الأسئلة الشائعة
هل يصلح أيضًا لـ SCSS أو LESS؟
ينسّق CSS والصياغة المتوافقة مثل SCSS، بما في ذلك القواعد المتداخلة. ولا يترجم SCSS أو LESS إلى CSS: بل يعيد ترتيب المسافات البادئة وفواصل الأسطر فقط.
هل يعيد ترتيب الخصائص أو يجمّعها؟
لا. يحافظ على الترتيب الأصلي للمحدِّدات والإعلانات. ويغيّر فقط التباعد والمسافات البادئة وفواصل الأسطر لتحسين القراءة.
هل هو نفسه تصغير CSS؟
لا، بل العكس. يضيف التنسيق مسافات وفواصل أسطر لقراءته بشكل أفضل؛ ويزيلها التصغير لتقليل حجم الملف. للضغط، استخدم أداة التصغير.
هل تُرفَع شيفرتي إلى خادم؟
لا. يتم التنسيق بالكامل في متصفحك؛ ولا يغادر الـ CSS حاسوبك أبدًا.