CSS Formatter

구문 강조와 함께 CSS 및 SCSS를 포맷, 정리, 압축.

도구는 브라우저에서 실행됩니다. 공유 링크에 입력 내용이 포함될 수 있으므로 공유 전에 URL을 확인하세요.

사용 방법

  1. 스타일시트를 붙여 넣습니다.
  2. 정리해 선택자와 속성을 살펴보거나 압축해 공백을 줄입니다.

지원되는 작업의 한 가지 예시입니다. 위에서 해당 모드와 설정을 선택하세요. 생성 결과와 형식은 설정에 따라 달라질 수 있습니다.

입력 또는 설정 예시

.card{color:#333;padding:16px}

결과 예시

.card {
  color: #333;
  padding: 16px;
}

브라우저 호환성을 확인하나요?

정리에 성공해도 속성이 지원된다는 뜻은 아닙니다. 실제 페이지에서 확인하세요.