CSS 뷰티파이어
압축되거나 지저분한 CSS·SCSS·Less를 깔끔한 들여쓰기로 정렬하고 구문 오류를 줄 번호와 함께 알려 줍니다. 100% 브라우저에서 처리되며 업로드되지 않습니다.
🔒 브라우저에서 실행되며 업로드되지 않습니다.
압축된 CSS를 다시 읽기 쉽게
압축되거나 형식이 엉망인 CSS를 붙여넣으면 각 규칙과 선언을 한 줄씩 들여쓰기하고 일관된 간격으로 깔끔하게 정렬해 돌려줍니다. 들여쓰기는 스페이스 1~5칸 또는 탭 중에서 프로젝트 스타일에 맞춰 고를 수 있습니다. 문법은 CSS 또는 SCSS / Less로 두면 되는데, 셋 다 같은 방식으로 정리되며 이 선택은 내장 검사기가 //를 주석으로 읽을지를 정합니다. 닫히지 않은 중괄호·따옴표·주석·괄호는 열린 줄 번호와 함께 알려 줍니다. 많은 에디터가 쓰는 js-beautify 엔진으로 동작합니다.
비공개·무손실
모든 처리는 브라우저에서 실행되어 스타일시트가 업로드되지 않으므로 비공개·미출시 코드에도 안전합니다. 레이아웃만 다시 정렬하며 CSS 동작은 바꾸지 않습니다. CSS 압축기의 반대 짝이며, HTML 포맷터·JavaScript 뷰티파이어와 함께 쓰기 좋습니다.
자주 묻는 질문
압축된(minified) CSS를 풀 수 있나요?
네 — 한 줄로 압축된 CSS를 읽기 좋게 들여쓴 여러 줄로 펼쳐 편집·검토할 수 있게 합니다.
CSS 렌더링이 바뀌나요?
아니요. 공백과 들여쓰기만 다시 정렬하며 선택자·속성·값은 그대로입니다.
들여쓰기 방식을 고를 수 있나요?
네 — 스페이스 1·2·3·4·5칸 또는 탭 중에서 코드베이스에 맞게 고를 수 있습니다.
CSS가 업로드되나요?
아니요. 정렬은 전부 브라우저에서 이뤄져 비공개 스타일이 기기를 벗어나지 않습니다.