UTILS.
۱۰۰٪ در مرورگر
{ }

زیباساز CSS

CSS فشرده را با شکست خط و فاصله‌گذاری مناسب قالب‌بندی و تورفته کنید.

— خروجی اینجا نمایش داده می‌شود —

درباره این ابزار

زیباساز CSS یک قالب‌بند رایگان و درون‌مرورگری است که CSS فشرده یا نامرتب را به چیدمانی تمیز و با تورفتگی یکدست تبدیل می‌کند. ابتدا فاصله‌های موجود را جمع می‌کند، سپس ساختار را از نو می‌سازد: هر قاعده و اعلان روی خط خودش قرار می‌گیرد، آکولاد باز روی خط سلکتور می‌ماند، آکولاد بسته به خط جداگانه می‌رود و بلوک‌های تودرتو در هر سطح دو فاصله تورفتگی می‌گیرند.

این ابزار صرفاً روی علائمی که سلکتورها، بلوک‌ها و اعلان‌ها را جدا می‌کنند کار می‌کند و پس از دونقطهٔ هر اعلان یک فاصله و پیش از آکولاد باز یک فاصله می‌افزاید. نام و مقدار ویژگی‌ها دست‌نخورده می‌مانند، پس فقط فاصله‌گذاری تغییر می‌کند و استایل بی‌تأثیر می‌ماند. قالب‌بندی هم‌زمان با تایپ و کاملاً در مرورگر شما اجرا می‌شود — بدون بارگذاری، بدون حساب، بدون ردیابی و آفلاین کار می‌کند.

این کار وقتی مفید است که بخواهید یک شیوه‌نامهٔ فشرده از خروجی بیلد را بخوانید، تفاوت‌گیری یا دستی ویرایش کنید، یا یک قطعهٔ تک‌خطی را به چیزی خوانا گسترش دهید. CSS را جای‌گذاری کنید، نتیجهٔ مرتب‌شده را در کادر خروجی ببینید و با یک کلیک کپی کنید.

پرسش‌های پرتکرار

آیا استایل‌هایم را تغییر می‌دهد؟
خیر. فقط فاصله‌گذاری و تورفتگی را تنظیم می‌کند — نام و مقدار ویژگی‌ها و سلکتورها دقیقاً همان‌طور که نوشته شده‌اند می‌مانند، پس نتیجهٔ رندرشده یکسان است.
آیا CSS من جایی فرستاده می‌شود؟
خیر. قالب‌بندی به‌صورت محلی در جاوااسکریپت اجرا می‌شود، بدون بارگذاری، بدون حساب و بدون ردیابی، بنابراین آفلاین هم کار می‌کند.
آیا می‌تواند CSS فشرده را باز کند؟
بله. ابتدا همهٔ فاصله‌های موجود را جمع می‌کند و سپس از نو تورفتگی می‌دهد، پس CSS فشردهٔ تک‌خطی و CSS پراکندهٔ چندخطی هر دو همان خروجی مرتب را تولید می‌کنند.
آیا CSS من را اعتبارسنجی یا اصلاح می‌کند؟
خیر. فاصله‌گذاری اطراف آکولادها، نقطه‌ویرگول‌ها و دونقطه‌ها را بازچینی می‌کند اما CSS را lint یا تصحیح نمی‌کند، پس هر خطای نحوی موجود بدون تغییر عبور می‌کند.

ابزارهای بیشتر