Monu Tools

CSS 포맷터

CSS를 깔끔한 들여쓰기로 보기 좋게 만들거나 파일 크기를 줄이기 위해 압축합니다. 미디어 쿼리, calc(), 라이선스 주석을 처리합니다.

CSS 포맷터 사용 방법

  1. 01

    CSS를 입력 상자에 붙여넣으세요.

  2. 02

    보기 좋게를 선택하여 형식화하거나 압축을 선택하여 압축하세요.

  3. 03

    들여쓰기 크기를 선택하고 결과를 복사하세요.

자주 묻는 질문

압축 시 calc() 표현식이 깨지나요?

아니요. 압축기는 값 내부의 더하기 및 빼기 주변 공백을 유지하므로 calc(100% - 30px)가 유효하게 유지됩니다. 중괄호, 콜론, 세미콜론 같은 구조적 문자 주변의 공백만 제거합니다.

압축 시 주석이 제거되나요?

공간을 절약하기 위해 일반 주석은 제거되지만, /*! ... */로 작성된 라이선스 주석은 저작권 표시를 보존하는 표준 관례에 따라 유지됩니다.

CSS가 어딘가에 업로드되나요?

아니요. 보기 좋게 만들기와 압축 모두 브라우저에서 완전히 실행되므로 스타일시트가 기기 밖으로 나가지 않습니다.

이 도구 소개

일관된 들여쓰기로 스타일시트를 보기 좋게 만들거나 파일 크기를 줄이기 위해 압축하는 CSS 포맷터입니다. 중첩 미디어 쿼리와 calc()를 올바르게 처리합니다.

압축은 calc-safe하고 라이선스 주석을 보존하며, 브라우저에서 로컬로 실행됩니다.

관련 도구

사이트 운영을 위해 필수 쿠키를 사용합니다. 동의하시면 Google AdSense도 로드하여 광고 쿠키가 설정됩니다. 자세한 내용은 개인정보처리방침을 참조하세요.