CSS 뷰티파이어·압축기

압축된 CSS를 다시 읽기 쉽게

압축되거나 형식이 엉망인 CSS를 붙여넣으면 각 규칙과 선언을 한 줄씩 들여쓰기하고 일관된 간격으로 깔끔하게 정렬해 돌려줍니다. 들여쓰기는 스페이스 1~5칸 또는 탭 중에서 프로젝트 스타일에 맞춰 고를 수 있습니다. 선택자 목록(h1, h2)을 선택자마다 한 줄씩 두는 대신 한 줄에 모을 수 있고(SCSS 맵도 함께 한 줄로 남습니다), 규칙 사이에 넣는 빈 줄을 뺄 수도 있습니다. 이 세 가지는 이 기기에 기억되며 저장한 설정 지우기로 지울 수 있습니다. 줄 길이 설정은 두지 않았습니다 — 정렬 엔진이 CSS 줄을 나누지 않아 설정해도 아무 일도 하지 않기 때문입니다. 문법은 CSS 또는 SCSS / Less로 두면 되는데, 셋 다 같은 방식으로 정리되며 이 선택은 내장 검사기가 //를 주석으로 읽을지를 정합니다. 닫히지 않은 중괄호·따옴표·주석·괄호는 열린 줄 번호와 함께 알려 줍니다. 많은 에디터가 쓰는 js-beautify 엔진으로 동작합니다.

비공개·무손실

모든 처리는 브라우저에서 실행되어 스타일시트가 업로드되지 않으므로 비공개·미출시 코드에도 안전합니다. 레이아웃만 다시 정렬하며 CSS 동작은 바꾸지 않습니다. 압축(minify)은 반대로 주석과 불필요한 공백을 없애되, 체크를 끄지 않는 한 /*! 라이선스 주석은 남기고, 절감된 바이트 수를 보여 줍니다. HTML 포맷터·JavaScript 뷰티파이어와 함께 쓰기 좋습니다.