CSS 정리·압축
로컬 처리CSS를 정리하거나 공백·주석을 줄여 압축합니다
사용 방법과 처리 기준
CSS를 정리하거나 공백·주석을 줄여 압축합니다
도구의 계산과 파일 처리는 브라우저 안에서 이루어집니다. 계산기·단위 변환의 공유 링크를 직접 만들면 값이 URL에 포함됩니다. 계정·방문 통계·광고 관련 정보 처리는 개인정보처리방침을 확인하세요.
현재 제한
- 최대 입력 길이 100,000자
"작업"에서 정리 또는 압축을 고릅니다. 압축된 CSS를 읽거나, 배포 전에 CSS 크기를 줄일 때 씁니다.
이 도구로 할 수 있는 일
- 정리
- 선택자와 선언을 줄마다 나누고 들여씁니다.
- 압축
- 공백·줄바꿈·주석을 지웁니다.
CSS 정리·압축 사용 방법
- 1작업 고르기정리 또는 압축을 고릅니다.
- 2CSS 붙여 넣기CSS를 붙여 넣습니다.
- 3결과 복사결과를 복사합니다.
활용 예시
정리
입력: a{color:red;margin:0}
결과: a {
color:red;
margin:0
}
압축
입력: a {
color: red;
/* 주석 */
margin: 0;
}
결과: a{color:red;margin:0}
이럴 때 유용해요
- 압축된 CSS를 읽어야 할 때
- 인라인 스타일·이메일용 CSS를 줄일 때
자주 묻는 질문 (FAQ)
속성 순서나 값이 바뀌나요?
아니요. 공백·줄바꿈·주석만 바꾸고 선택자·속성·값은 그대로 둡니다.