این ابزار درست کار نمیکند؟
دربارهٔ ابزار «مرتبسازی کد CSS آنلاین»
این ابزار CSS minify شده یا نامرتب را به یک شکل بهخوبی indent شده و قابل خواندن زیبا میکند. هر اعلان را در خط خود قرار میدهد، فاصلهگذاری اطراف آکولادها و دو نقطه را عادی میکند، خصوصیات را (به صورت اختیاری) مرتب میکند، و فضای خالی و قرارگیری نظر را استاندارد میکند.
هنگام خواندن CSS تولید minify شده که یکی از همکاران یا یک فروشنده شما نوشته، هنگام آمادهسازی CSS برای بررسی کد، یا هنگام عادی کردن سبکها قبل از بررسی آنها در کنترل نسخه مفید است.
فرمتبند انتخابکنندههای تو در تو، پرسوجوهای رسانهای، keyframes، ویژگیهای سفارشی و ویژگیهای مدرن مانند لایههای CSS را به درستی مدیریت میکند. حالت sort-properties اعلانها را به ترتیب الفبایی مرتب میکند — برای خروجی diff-friendly مفید است اما همیشه منطقیترین ترتیب خواندن نیست.
چطور از این ابزار استفاده کنم؟
چطور CSS minified یا messy را pretty-print کنم؟
CSS را بچسبانید
CSS minified یا با indent ناهموار را در فیلد «CSS» قرار دهید. ابزار stylesheet کامل یا fragment را میپذیرد؛ comment، media query و at-rule تو در تو عبور میکنند.
«اجرا» را بزنید
خروجی یک فیلد `formatted` با یک declaration در هر خط، indentation دو-فاصلهای داخل brace، و یک خط خالی بین ruleهای top-level. selectorها در یک خط میمانند؛ خیلی طولانیها wrap نمیشوند.
آنچه نمیکند
هیچ بسط vendor-prefix، تبدیل shorthand → longhand، autoprefixing یا rewriting مقدار. اگر ورودی شما `margin:0 5px` است خروجی `margin: 0 5px;` میشود، نه چهار property جداگانه top/right/bottom/left.
چه زمانی دوباره minify کنیم
برای بررسی انسانی format کنید، سپس قبل از deploy از css-minifier-online استفاده کنید. ایمنی Round-trip برای CSS معتبر برقرار است — ورودی نامعتبر best-effort میگیرد و ممکن است بعد از آن یکسان parse نشود.