CSS Pretty Print 사용 방법
- CSS를 붙여 넣으세요.
- 보기 좋게 출력된 결과를 복사하세요.
CSS Pretty Print 소개
한 줄짜리 스타일시트는 디버깅하기 어렵습니다. 이 도구는 모든 선택자, 중괄호, 선언을 선택한 들여쓰기로 각자의 줄에 놓습니다.
CSS Formatter와 같은 엔진입니다. 사람들이 두 이름 모두로 찾기 때문에 둘 다 있습니다.
CSS Pretty Print
각 규칙과 속성을 읽기 쉽도록 CSS를 보기 좋게 출력합니다.
도구를 불러오는 중...
자주 묻는 질문
CSS Beautifier와 같은 건가요?
네, 포맷 엔진은 동일합니다.
벤더 접두사를 추가하나요?
아니요, 아무것도 추가하거나 제거하지 않고 공백만 바꿉니다.
@media와 @font-face도 처리하나요?
네, at-규칙도 나머지와 함께 포맷됩니다.
코드 포매터의 다른 도구
모든 도구 →JS Beautifier압축되었거나 지저분한 JavaScript를 읽기 쉽게 들여쓰기된 코드로 바꿉니다.포맷JavaScript Pretty PrintJavaScript를 읽을 수 있도록 보기 좋게 출력합니다.포맷C# FormatterC# 코드를 들여쓰고 중괄호와 문장을 각자의 줄에 놓습니다.포맷Java FormatterJava 코드를 읽기 쉬운 레이아웃으로 되돌립니다. 한 줄에 문장 하나, 중괄호는 들여쓰기됩니다.포맷GraphQL Formatter중첩된 선택을 읽기 쉽도록 GraphQL 쿼리와 스키마를 포맷합니다.포맷Angular Formatter구조 지시문과 바인딩이 있는 Angular 컴포넌트 템플릿을 포맷합니다.포맷Vue FormatterVue 단일 파일 컴포넌트의 template, script, style을 함께 포맷합니다.포맷Less Formatter변수, 믹스인, 중첩된 규칙이 있는 Less 코드를 포맷합니다.포맷