FormattersLesson 8Free preview
CSS Formatter
This lesson is part of Web Developer Tools · All levels
Summary
CSS Formatter rearranges CSS rules so that each selector, property, and value appears neatly with consistent indentation. The expanded style puts one declaration per line so it's easy to read, while the compact style saves space. The formatter does not change the selector or value, and does not delete unused properties. This tool helps when reading CSS results or combining files from multiple sources.
Key points
- Arranging one declaration per line with consistent indentation
- The selector and property values are not altered by the formatter
- Block clusters like @media are being indented
- The formatter is not an optimization tool; unused property is not deleted
- Useful for reading minified CSS or copy-paste results
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.