CSS 포맷터 및 정리 도구
압축된 CSS를 적절한 들여쓰기, 줄바꿈, 간격으로 정리합니다.
이 도구 사용 방법
- 1
Paste your minified or unformatted CSS into the text box.
- 2
Read the formatted result that appears instantly in the output panel below.
- 3
Select the output text and copy it (Ctrl/Cmd+C) into your stylesheet or editor.
- 4
Tweak the input and the output re-formats live as you type.
CSS 포맷터 및 정리 도구란 무엇인가요?
압축된 CSS는 모든 공백이 제거된 한 줄짜리 코드입니다. 이 도구는 가독성을 복원합니다. 각 속성을 별도의 줄에 두고, 중괄호 안에 들여쓰기를 적용하며, 규칙 사이에 빈 줄을 넣습니다. 출력은 기능적으로 동일하며 단지 읽거나 편집하기 더 쉬워질 뿐입니다.
일반적인 사용 사례
Un-minifying a production .css file you pulled from a CDN so you can read what a rule actually does.
Cleaning up CSS that was pasted as a single line out of browser DevTools or a build artifact.
Tidying inconsistent indentation in a hand-edited stylesheet before committing it to version control.
Making a vendor or third-party widget stylesheet legible enough to override specific properties.
Preparing a readable CSS snippet to paste into a blog post, tutorial, or Stack Overflow answer.
Quickly inspecting the structure of an unfamiliar stylesheet to find where a selector is defined.
자주 묻는 질문
주석은 보존되나요?▼
관련 도구
JWT 디코더
JSON Web Token(JWT)을 즉시 디코딩합니다. 브라우저에서 실행되므로 토큰이 기기를 벗어나지 않으며, 프로덕션 비밀 값과 함께 안전하게 사용할 수 있습니다.
JSON 포매터 및 검증기
JSON을 온라인에서 정리하고 검증하고 압축합니다. 전적으로 브라우저에서 작동합니다: 데이터가 기기를 벗어나지 않습니다.
XML 포맷터
XML 문서를 포맷하고 보기 좋게 정리합니다. SOAP, 사이트맵, RSS 피드, 구성 파일에 유용합니다.
Base64 인코더 및 디코더
문자열을 Base64로 인코딩하거나 Base64를 텍스트로 디코딩합니다. 개인정보를 보호합니다: 사용자의 브라우저에서 실행됩니다.
URL 인코더 및 디코더
텍스트를 URL에 안전한 인코딩(퍼센트 인코딩)으로, 그리고 그 반대로 변환합니다. 쿼리 문자열, 리디렉션, OAuth 흐름에 유용합니다.
HTML 엔티티 인코더 및 디코더
특수 문자를 HTML 엔티티(&, < 등)로, 그리고 그 반대로 변환합니다. 텍스트를 HTML에 안전하게 삽입하는 데 유용합니다.