Pretty Format CSS
Format stylesheets code online. Enter messy or minified css to clean it up and make it pretty printed stylesheets now.
Input CSS
Formatted CSS
Below is the formatted CSS code.
Share this tool
Frequently Asked Questions
Check out the answers to our most frequently asked questions below. If your question isn't here, or you need more info, or have feedback, let us know.
How does the CSS formatter tool work?
The CSS formatter tool formats your CSS code to make it more readable. Simply enter your code, press the 'Format' button. The formatted code will appear in the result text field.
What is CSS?
CSS (Cascading Style Sheets) describes how HTML elements are to be displayed in the browser. It controls the layout of multiple web pages all at once. Stylesheets are stored in ".css" files.
Is my code sent to a server for formatting?
No, your code is formatted locally in your browser using the Prettier library. It is not sent to any server.
Related Format Tools
Pretty Format JSON
Beautify JSON files in an editor online. Enter messy, obfuscated or minified json to clean it up and pretty print JSON here.
Pretty JavaScript and TypeScript
Beautify js code online in a code editor. Enter chaotic, obfuscated or minified javascript to make it pretty print Javascript.
Pretty HTML markup
Beautify HTML markup code online. Enter minified, chaotic or unstructured HTML to make it pretty print HTML.