50%

CSS Beautifier & Minifier

CSS Beautifier


CSS Formatter is easy to use tool to Beautify CSS data. Copy, Paste, and Beautify.

What can you do with CSS Beautifier?

  • It helps to format your Cascading Style Sheets.
  • This tool allows loading the CSS URL to beautify. Click on the URL button, Enter URL and Submit.
  • Users can also format CSS File by uploading the file.
  • Beautify CSS Online works well on Windows, MAC, Linux, Chrome, Firefox, Edge, and Safari.

Example of CSS File

Unformatted CSS Try it.

body {
  background-color: lightblue;
}
p {
  margin-top: 100px;  margin-bottom: 100px;
  margin-right: 150px;  margin-left: 80px;
}

Formatted CSS

body {
  background-color: lightblue;
}
p {
  margin-top: 100px;
  margin-bottom: 100px;
  margin-right: 150px;
  margin-left: 80px;
}

CSS Minify


CSS Minifier online is easy to use tool to minify JS data. Copy, Paste, and Minify.

What can you do with CSS Minifier?

  • It helps to Compress your CSS data.
  • This CSS Pretty Print can help to pretty print CSS
  • This tool allows loading the CSS URL to minify. Use your CSS URL to compress. Click on the URL button, Enter URL and Submit.
  • Users can also minify CSS File by uploading the file.
  • Minify CSS Online works well on Windows, MAC, Linux, Chrome, Firefox, Edge, and Safari.

Example of JS File

CSS Example Try it.

body {
  background-color: lightblue;
}
p {
  margin-top: 100px;
  margin-bottom: 100px;
  margin-right: 150px;
  margin-left: 80px;
}

Minified CSS

body{background-color: lightblue}p{margin-top: 100px;margin-bottom: 100px;margin-right: 150px;margin-left: 80px}

For Advanced Users

External URL

Load External URL in Browser URL like this https://xhcode.com/css-beautify-minify.html?url=external-url

https://xhcode.com/css-beautify-minify.html?url=https://gist.githubusercontent.com/cbmgit/40dab03300cf86aa0ddce5c552fdc501/raw/example.css
Data as Parameter

Load Data in Browser URL input like this https://xhcode.com/css-beautify-minify.html?input=inputdata

https://xhcode.com/css-beautify-minify.html?input=body{background-color:lightblue}p{margin-top:100px;margin-bottom:100px;margin-right:150px;margin-left: 80px};