사용 방법
- CSS, SCSS 또는 Less 코드를 붙여넣으세요.
- 언어와 들여쓰기를 고르세요.
- 포맷을 클릭하거나 Ctrl+Enter(Mac은 ⌘+Enter)를 누르세요.
- 정렬된 스타일시트를 복사하세요.
옵션 설명
- 언어
- CSS, SCSS, Less 중에서 골라요. 변수($gap, @gap)와 중첩 규칙이 제대로 인식되도록 맞는 언어를 선택하세요.
- 들여쓰기와 줄 너비
- 중첩 규칙과 선언에 쓸 들여쓰기, 그리고 긴 선택자 목록과 값을 줄바꿈할 너비예요.
예시
압축된 프레임워크 CSS. 한 줄로 된 .min.css 파일을 붙여넣으면 규칙을 하나씩 읽을 수 있어요.
SCSS 정리. 들여쓰기가 뒤섞인 중첩 SCSS를 붙여넣으면 공백 2칸으로 일관되게 중첩된 코드를 얻을 수 있어요.
자주 묻는 질문
포맷하면 무엇이 바뀌나요?
선언을 한 줄에 하나씩 두고, 콜론과 중괄호 주변 공백을 정리하고, 16진수 색상을 소문자로 바꾸고, 연속된 빈 줄을 하나로 합쳐요. 속성 순서와 값은 바뀌지 않아요.
웹사이트의 압축된 CSS를 되돌릴 수 있나요?
네. 압축된 파일을 붙여넣고 포맷을 클릭하세요. 다만 압축 과정에서 삭제된 주석은 되살릴 수 없어요.
코드가 업로드되나요?
아니요. 포맷은 브라우저 안에서 실행돼요.
개인정보 보호
이 도구는 전적으로 브라우저에서 실행돼요. 파일과 텍스트는 기기에서 처리되며 서버로 업로드되지 않아요.