RevealTheme logo

قالب‌بند و زیباساز CSS

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

نحوه استفاده از این ابزار

  1. 1

    Paste your minified or unformatted CSS into the text box.

  2. 2

    Read the formatted result that appears instantly in the output panel below.

  3. 3

    Select the output text and copy it (Ctrl/Cmd+C) into your stylesheet or editor.

  4. 4

    Tweak the input and the output re-formats live as you type.

قالب‌بند و زیباساز CSS چیست؟

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

موارد استفاده رایج

  • Un-minifying a production .css file you pulled from a CDN so you can read what a rule actually does.

  • Cleaning up CSS that was pasted as a single line out of browser DevTools or a build artifact.

  • Tidying inconsistent indentation in a hand-edited stylesheet before committing it to version control.

  • Making a vendor or third-party widget stylesheet legible enough to override specific properties.

  • Preparing a readable CSS snippet to paste into a blog post, tutorial, or Stack Overflow answer.

  • Quickly inspecting the structure of an unfamiliar stylesheet to find where a selector is defined.

پرسش‌های متداول

آیا نظرات را حفظ می‌کند؟
نظرات بلوکی (/* ... */) عیناً در محل اصلی خود حفظ می‌شوند.

ابزارهای مرتبط

کدگشای JWT

توکن‌های JSON Web Token (JWT) را فوراً کدگشایی کنید. در مرورگر شما اجرا می‌شود: توکن‌ها هرگز از دستگاه شما خارج نمی‌شوند، پس استفاده از آن با اسرار محیط تولید (production) امن است.

قالب‌بند و اعتبارسنج JSON

JSON را به‌صورت آنلاین قالب‌بندی، اعتبارسنجی و فشرده کنید. کاملاً در مرورگر شما کار می‌کند: داده‌های شما هرگز دستگاهتان را ترک نمی‌کنند.

قالب‌بند XML

اسناد XML را قالب‌بندی و زیبا کنید. مفید برای SOAP، نقشه‌های سایت، فیدهای RSS و فایل‌های پیکربندی.

کدگذار و کدگشای Base64

رشته‌ها را به Base64 کدگذاری یا Base64 را به متن کدگشایی کنید. به حریم خصوصی شما احترام می‌گذارد: در مرورگر شما اجرا می‌شود.

کدگذار و کدگشای URL

متن را به کدگذاری امن برای URL (کدگذاری درصدی) و برعکس تبدیل کنید. مفید برای رشته‌های پرس‌وجو، تغییر مسیرها و جریان‌های OAuth.

کدگذار و کدگشای موجودیت‌های HTML

کاراکترهای خاص را به موجودیت‌های HTML (&، < و غیره) و برعکس تبدیل می‌کند. برای جای‌دادن امن متن در HTML مفید است.