이 도구의 기능
CSS 선택자, 미디어 쿼리, 키프레임, 주석, calc()와 사용자 지정 속성을 2칸 또는 4칸 들여쓰기로 정리합니다.
- 일반적인 최신 CSS, 미디어 쿼리 및 키프레임을 지원합니다.
- 텍스트 서식만 지정하고 현재 페이지에 스타일을 삽입하지 않습니다.
- 잘못된 구문은 파서 오류를 표시합니다.
사용 방법
- CSS를 붙여넣으세요.
- 들여쓰기 너비를 선택합니다.
- 'CSS 형식'을 클릭하세요.
- formatted.css를 복사하거나 다운로드하세요.
주요 사용 사례
- 한 줄로 되어 있거나 읽기 어려운 스타일시트를 정리하세요.
- 팀 코드 조각 형식을 통합합니다.
- 중첩된 미디어 쿼리와 애니메이션 구조를 관찰하는 데 도움이 됩니다.
CSS Formatter 기능
CSS 선택기, 선언, 미디어 쿼리, 키프레임 및 사용자 정의 속성을 구문 분석하고 아름답게 만듭니다. 결과를 확인한 뒤 필요한 내용을 복사하세요.
FAQ
사용자 정의 속성이 잘못 분할됩니까?
일반적인 --custom-property 값을 지원하며 내용을 유지합니다.
서식을 지정하면 선택기 효과가 변경되나요?
CSS를 읽기 쉽게 정리하는 도구입니다. 원본 파일을 보관하고, 정리한 CSS를 적용한 화면이 원래와 같은지 확인하세요.
이 페이지에 CSS가 적용되나요?
아니요. 입력과 출력 모두 텍스트 상자에 남아 있습니다.