Beautify css code

CSS Beautifier and Compressor

Use the CSS Compressor to minify your CSS (CSS 1, CSS 2, CSS 2.1 & CSS 3) to reduce the size of your CSS code and improve your website’s load time. You can choose from four levels of compression, depending on how readable you want your minified CSS to be. Fast, easy, and free!

Features:

• Remove Comments: Strip all comments from your CSS.
• Super Compact: Minify CSS to the smallest possible size.
• Better Indentation: Maintain indentation in @media queries.
• Keep Last Comma: Remove trailing commas from CSS rules.

Beautify Your CSS:

• Inline Layout: Format CSS in a single line.
• Indentation: Choose between tab or space indentation.
• Break Selectors: Add line breaks between multiple selectors.
• Spacing: Add space between properties and values.
• Remove Last Semicolon: Remove the last semicolon in CSS rules.
• Single Break: Add or remove line breaks between CSS rules.

Instructions:

1. Copy: Click "Copy" to copy the CSS code to your clipboard.
2. Paste: Click "Paste" to paste the CSS code from your clipboard.
3. Clear: Click "Clear All" to remove all content from the text area.
4. Compress CSS: Click "Compress CSS" to minify your CSS with selected options.
5. Beautify CSS: Click "Beautify CSS Code" to format your CSS according to your preferences.

Tool Description: This tool provides a straightforward interface for both compressing and beautifying CSS code. The compression options help reduce file size for faster load times, while the beautification options improve code readability for easier maintenance.

Remove all footnotes

ultra-compact compression

Keep indentation@query {}

Remove the final semicolon

Inline layout form

Indentation: One Tab 4 spaces

Split multi selector (e.g: html,\nbody,\ntable {})

Distance between attributes : value ;

Write on the same line when there is only one attribute

Delete the final semicolons

Remove or create space per line