CSS Formatter 사용 방법
- CSS를 붙여 넣으세요.
- 들여쓰기를 선택하세요.
- 포맷된 스타일시트를 복사하세요.
CSS Formatter 소개
실제 사이트의 스타일시트는 거의 항상 압축되어 있습니다. 여기에 붙여 넣으면 모든 규칙이 선언당 한 줄인 자기 블록을 갖게 되어, 내 규칙을 덮어쓰는 규칙을 찾기가 훨씬 쉬워집니다.
미디어 쿼리와 중첩된 at-규칙은 구조를 유지하며 자체 들여쓰기를 갖습니다.
CSS Formatter
CSS를 선언당 한 줄인 깔끔한 규칙으로 포맷합니다.
도구를 불러오는 중...
자주 묻는 질문
SCSS와 Less에서도 작동하나요?
그런 경우에는 변수와 중첩을 이해하는 전용 SCSS Formatter나 Less Formatter를 사용하세요.
속성의 순서가 바뀌나요?
아니요. 선언은 작성한 순서를 유지합니다.
사이트에서 다운로드한 파일의 압축을 풀 수 있나요?
네. 브라우저에서 스타일시트 URL을 열어 텍스트를 복사하고 여기에 붙여 넣으세요.
코드 포매터의 다른 도구
모든 도구 →JS Beautifier압축되었거나 지저분한 JavaScript를 읽기 쉽게 들여쓰기된 코드로 바꿉니다.포맷JavaScript Pretty PrintJavaScript를 읽을 수 있도록 보기 좋게 출력합니다.포맷C# FormatterC# 코드를 들여쓰고 중괄호와 문장을 각자의 줄에 놓습니다.포맷Java FormatterJava 코드를 읽기 쉬운 레이아웃으로 되돌립니다. 한 줄에 문장 하나, 중괄호는 들여쓰기됩니다.포맷GraphQL Formatter중첩된 선택을 읽기 쉽도록 GraphQL 쿼리와 스키마를 포맷합니다.포맷Angular Formatter구조 지시문과 바인딩이 있는 Angular 컴포넌트 템플릿을 포맷합니다.포맷Vue FormatterVue 단일 파일 컴포넌트의 template, script, style을 함께 포맷합니다.포맷TypeScript Formatter제네릭, 데코레이터, 열거형, 타입 어노테이션이 있는 TypeScript 코드를 포맷합니다.포맷