선택자, 규칙 블록, at-규칙(@media, @keyframes, @supports), 주석, 중첩 규칙 등 모든 CSS 구문을 올바른 들여쓰기로 정확하게 처리합니다.
출력은 색상으로 구분됩니다. 선택자, 속성 이름, 값, at-규칙, 주석, CSS 사용자 정의 속성, 색상 리터럴이 모두 시각적으로 구별되어 포맷된 코드를 한눈에 파악하기 쉽습니다.
Minify 버튼은 CSS에서 모든 공백, 주석, 불필요한 세미콜론을 제거합니다. 번들러가 생성할 결과를 확인하거나 작은 스니펫을 빠르게 압축하는 데 이상적입니다.
모든 CSS 포맷팅은 브라우저에서 완전히 이루어집니다. 어떤 것도 서버로 전송되지 않습니다. 코드는 비공개로 유지되며 도구는 오프라인에서도 작동합니다.
CSS 포매터는 원시 또는 압축된 CSS를 일관된 들여쓰기, 간격, 줄 바꿈으로 다시 포맷하여 가독성을 높입니다. 스타일이 적용되는 방식은 바뀌지 않으며, 개발자를 위한 시각적 구조만 바뀝니다.
아니요. 브라우저는 CSS가 압축되었든 아름답게 들여쓰기되었든 동일하게 파싱합니다. 개발자 경험만 달라질 뿐입니다. 포맷된 CSS는 훨씬 읽고, 디버그하고, 유지 관리하기 쉽습니다.
예. --primary-color: #00e5b8 와 같은 CSS 사용자 정의 속성은 올바르게 처리되며 출력에서 구별되는 색상으로 강조 표시됩니다.
예. @media, @keyframes, @supports, @import, @font-face를 포함한 모든 at-규칙이 지원됩니다. 중첩 규칙은 자동으로 한 단계 더 들여쓰기됩니다.
CSS 압축은 불필요한 공백과 주석을 모두 제거하여 파일 크기를 줄이고 페이지 로드 속도를 개선합니다. 이 도구의 Minify 버튼으로 배포 전에 압축된 출력을 미리 볼 수 있습니다.