منسّق CSS
تنسيق وتجميل وضغط CSS
Input
Output
Beautify or minify CSS without leaving the browser
CSS gets minified for production and stays that way until someone needs to read it. Formatting expands one-line stylesheets into properly indented blocks so you can review properties, audit specificity, or just locate a single rule without scrolling sideways.
Use the formatter when you need to
Read a minified production stylesheet
Expand a one-line file from devtools into properly indented CSS for review or debugging.
Clean up CSS before code review
Apply consistent indentation so reviewers can focus on rule changes rather than whitespace.
Minify before deploy
Compress CSS to reduce file size before serving it to production users.
How to format CSS quickly
- 1
Paste minified CSS or a snippet you want to clean up.
- 2
Choose your indentation style.
- 3
Click Format to beautify or Minify to compress, then copy the result.
Common CSS-formatting workflows
Expand a minified third-party CSS file to understand what rules ship to your users.
Apply consistent indentation before merging a contribution from outside the team.
Minify hand-written CSS as a last build step when you don't have a bundler handling it.
أدوات ذات صلة
الأسئلة الشائعة
Paste your CSS and click Format. The tool indents rules, breaks selectors and properties onto new lines, and applies your chosen indentation style. Everything happens in your browser.
Yes. Click Minify to remove whitespace, comments, and unnecessary semicolons. The output is byte-equivalent to what a CSS minifier in a build pipeline would produce.
The formatter handles standard CSS, including modern features like custom properties, nesting, and @layer. For Sass or Less syntax with mixins and variables, format the compiled CSS rather than the source.
No. Formatting only changes whitespace and line breaks. All selectors, properties, values, and at-rules stay identical. Browsers render the formatted and minified versions identically.
The default formatter preserves your property order. If you need alphabetical ordering, run the formatted output through a tool that supports sorting — most linters and editor plugins offer this option.