주요 콘텐츠로 건너뛰기

들여쓰기 선택, 반응형 미디어 쿼리 예제 및 결과 복제를 지원하여 온라인으로 CSS 형식을 지정하거나 축소합니다. 스타일은 텍스트로만 처리되며 현재 웹 페이지에 삽입되거나 외부 리소스에서 로드되지 않습니다.

압축은 동등한 쓰기를 표준화할 수 있습니다. 결과는 사이트 스타일에 직접 주입되지 않습니다. 랜딩페이지의 스타일을 확인해 주세요.

72 / 100,000 문자

단축키: Ctrl/⌘+Enter. 입력 또는 옵션을 수정하면 이전 결과가 지워집니다.

사용 지침

  1. CSS를 붙여넣거나 반응형 예제를 로드하세요.
  2. 결과를 보려면 형식을 선택하거나 압축하세요.
  3. 결과를 사용하기 전에 랜딩 페이지의 시각적 요소를 확인하세요.

입력 및 출력 예

입력 예
.card{color:red;padding:16px}
예제 출력
.card { color: red; padding: 16px; }

압축 모드는 동등한 쓰기 방법을 병합하거나 정규화할 수 있으며, 출력이 공백에 의해서만 원본 텍스트와 다르다는 보장은 없습니다.

FAQ

이 페이지는 Sass/Less 컴파일러가 아닌 CSS로 구문 분석됩니다. 먼저 프로젝트에서 전처리기 구문을 컴파일하세요.

계산근거 및 참고자료

서식 지정은 Prettier 구문 분석 CSS를 통해 수행되며 압축은 CSSO를 통해 수행됩니다. 조판 및 압축은 스타일이 페이지에서 올바르게 렌더링되는지 여부를 확인하지 않습니다. 변경 후에는 대상 페이지에서 확인하시기 바랍니다.

내용 확인: · 이 사이트 및 콘텐츠 설명 정보

관련 도구