CSS 포맷터 및 코드 정리

CSS 또는 압축된 CSS를 붙여넣은 후 적절한 들여쓰기로 보기 좋게 정리하거나 배포용으로 압축할 수 있습니다.

Input

Output

기능

Beautify / minify toggle

Sort properties

Remove duplicates

사용 방법

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

2. 포맷 버튼으로 보기 좋게 정리하거나, 압축 버튼으로 한 줄로 압축하세요.

3. 오른쪽 패널에서 정리된 결과를 복사하세요.

자주 묻는 질문

Can I minify CSS here?

Yes! Toggle the minify option to compress your CSS into a single line.

관련 도구

왼쪽 입력 상자에 JSON을 붙여넣은 후 포맷 버튼을 클릭하면 보기 좋게 정리됩니다. 압축 버튼을 클릭하면 한 줄로 압축됩니다. 오류가 있을 경...

정리되지 않은 HTML을 왼쪽에 붙여넣으면 적절한 들여쓰기가 적용된 깔끔한 코드를 오른쪽에서 확인할 수 있습니다....

JavaScript 포맷터

JavaScript 코드(압축된 파일 포함)를 붙여넣으면 깔끔하게 들여쓰기된 코드를 얻을 수 있습니다....

SQL 쿼리를 붙여넣으면 키워드가 대문자로 변환되고 깔끔하게 들여쓰기된 결과를 즉시 확인할 수 있습니다....