온라인 CSS 포맷터
CSS를 붙여넣은 다음 읽기 쉬운 들여쓰기로 포맷하거나 압축(minify)하세요 — 브라우저 안에서만 처리됩니다.
CSS를 붙여넣으세요
결과
포맷은 전적으로 브라우저에서 이루어지며, 입력한 CSS는 저희 서버에 전달되지 않습니다.
@media 및 @supports 블록은 재귀적으로 포맷되며, 중첩될 때마다 들여쓰기가 한 단계씩 깊어집니다.
계정이 필요 없으며, 사용 횟수에 제한이 없습니다.
CSS 포맷터란 무엇인가요?
CSS 포맷터는 압축되었거나 지저분한 CSS를 받아 일관된 들여쓰기와 한 줄에 하나의 선언 규칙으로 다시 포맷하여 읽기 쉽게 만듭니다 — 스타일시트를 검토하거나, CMS 내보내기를 정리하거나, 빌드 출력을 디버깅할 때 유용합니다. 이 도구는 압축(minify) 기능도 제공하여 같은 페이지에서 두 가지 관련 작업을 모두 처리할 수 있습니다.
온라인에서 CSS를 포맷하는 방법
- CSS를 붙여넣거나 업로드하세요. 편집기에 직접 붙여넣거나, "파일 업로드"를 클릭하여 .css 파일의 내용을 불러오세요.
- 모드를 선택하세요. 읽기 쉬운 들여쓰기를 원하면 포맷을, 주석과 공백을 제거하려면 압축을 선택하세요.
- 실행 버튼을 클릭하세요. 결과가 아래에 표시됩니다.
- 복사하거나 다운로드하세요. 결과를 클립보드에 복사하거나 .css 파일로 다운로드하세요.
자주 묻는 질문
CSS 포맷터는 무엇을 하나요?
일관된 들여쓰기, 한 줄에 하나의 선언, 콜론 뒤 공백 정규화 등으로 CSS를 다시 포맷합니다 — 압축된 스타일시트, CMS 내보내기, 또는 하나의 긴 읽기 어려운 줄로 도착한 CSS에 유용합니다.
중첩된 @media 및 @supports 블록을 처리하나요?
네 — 중첩된 at-rule 블록은 주변 규칙보다 한 단계 더 깊게 재귀적으로 들여쓰기되어, 여러 선택자를 포함한 @media 블록도 깔끔하게 포맷됩니다.
CSS를 압축(minify)할 수 있나요?
가능합니다. 압축 모드로 전환하면 주석과 불필요한 공백이 제거되어 프로덕션용으로 가장 작은 버전의 CSS가 생성됩니다.
압축 시 content: "a: b;"처럼 따옴표 안의 내용이 손상되나요?
손상되지 않습니다 — 따옴표로 묶인 문자열 값(content 속성, url() 참조 등)은 압축 전에 보호되고 이후 그대로 복원되므로, 문자열 내부의 세미콜론이나 콜론이 손상되는 일은 없습니다.
제 CSS가 어딘가에 업로드되나요?
아니요. 이 도구는 전적으로 브라우저 내에서 실행되며, 입력한 스타일시트는 CurePDF 서버로 전송되지 않습니다.
CSS 포맷터는 무료인가요?
네, 계정이 필요 없으며 사용 횟수에도 제한이 없습니다.