CSS 포매터

HTML, CSS 및 JavaScript

한 줄에 하나의 속성과 일관된 들여쓰기로 CSS를 정리합니다.

입력

결과

사용 방법

How to format CSS

Paste CSS and press Format. Each declaration is placed on its own line.

Paste CSS into the input editor.
Press Format.
Copy the beautified stylesheet.

자주 묻는 질문

Are comments kept?

Yes, CSS comments are preserved in the formatted output.

Does it support media queries?

Yes, nested at-rules such as media queries are indented correctly.

관련 도구

CSS 압축기 주석과 불필요한 공백을 제거하여 CSS를 압축합니다. HTML 포매터 인라인 요소와 빈 요소를 올바르게 유지하면서 일관된 들여쓰기로 HTML을 정리합니다. JavaScript 포매터 적절한 들여쓰기, 간격, 줄바꿈으로 JavaScript를 정리합니다. HTML 압축기 공백을 합치고 불필요한 문자를 제거하여 HTML 크기를 줄입니다. HTML 이스케이프 / 해제 안전한 HTML 출력을 위해 텍스트를 이스케이프하거나 HTML 엔티티를 읽을 수 있는 문자로 디코딩합니다. JavaScript 압축기 주석과 불필요한 공백을 제거하여 JavaScript 크기를 줄입니다.