개발자 · 로컬 유틸리티
CSS Formatter
CSS를 2 또는 4공백 들여쓰기의 읽기 쉬운 규칙으로 재정렬합니다. 기기 안의 로컬 Worker에서 엄격하게 파싱합니다.
작업 경로 / 입력에서 결과까지
CSS 붙여넣기
로컬에서 실행 · 업로드 없음
작업 경로 / 입력에서 결과까지
256 KiB 이하의 UTF-8 소스를 붙여 넣으세요. 정렬은 공백 2개 또는 4개를 선택합니다.
공백 2개 또는 4개를 선택하세요. 샘플은 이미 입력되어 있으며 새 설정은 서식을 누를 때 적용됩니다.
서식을 누르세요. Prettier가 선택한 들여쓰기와 100열 출력 폭으로 CSS를 분석해 다시 출력합니다. 대상 페이지에서 확인하세요.
입력과 출력의 UTF-8 바이트 수 및 절감률을 비교하세요. 절감값이 음수면 결과가 더 커진 것입니다. 복사하거나 다운로드하기 전에 확인하세요.
「결과 복사」로 클립보드에 넣거나 「다운로드」로 toolars.css로 저장하세요. 다음 스타일시트가 기다리고 있다면 「초기화」로 입력, 출력, 옵션을 한 번에 비울 수 있습니다.
CSS 포맷터 도구는 검증된 로컬 실행 경로를 사용하고, 숨겨진 입력 또는 출력 기록을 만들지 않습니다.
현재 브라우저 탭 안에서 실행됩니다.
사용 중인 도구 데이터는 Toolars 문서 기록으로 남지 않습니다.
프로필을 만들지 않고도 핵심 워크플로를 사용할 수 있습니다. 즐겨찾기는 로그인 후 계정에 동기화됩니다.
탭을 정리하면 사용 중이던 작업 데이터도 사라져요.
다른 개발자와 공유하기 전에 소스를 검사하기 쉽게 만들어요.
소스를 실행하지 않고 간결한 HTML, CSS, JavaScript를 만들어요.
핵심 예시를 포맷해 문서나 편집기에 바로 옮겨요.
압축된 스타일시트를 검토 가능한 차이로 만듭니다. 붙여 넣고 공백 2개 또는 4개를 선택해 서식을 적용한 뒤 대상 페이지에서 선택자와 대체 규칙 순서를 확인하세요. 바이트 수는 공백만 바뀌었다는 증거가 아닙니다.
자주 묻는 질문