# CSS 포매터

이 CSS 포매터로 압축되었거나 정돈되지 않은 스타일시트를 정리하세요. CSS를 붙여넣으면 도구가 이를 파싱한 다음 각 선택자를 한 줄에 배치하고, 선언마다 한 줄씩 공백 두 칸으로 들여쓰며, 콜론 뒤에 공백을 넣고, 결합자 사이를 띄우며, 미디어 쿼리와 같은 중첩 at-규칙도 정리합니다. 파싱 오류는 보고됩니다. 어떤 출처의 스타일시트든 읽고, 디버깅하고, 검토하려는 웹 개발자와 디자이너에게 적합합니다.

## 자주 묻는 질문

### CSS 포매터는 어떻게 작동하나요?

스타일시트를 규칙, 선언 및 at-규칙으로 파싱한 다음 일관된 레이아웃으로 다시 출력합니다. CSS를 파싱하므로 출력에는 스타일시트의 실제 구조가 반영됩니다.

### 형식을 지정한 CSS는 어떻게 표시되나요?

각 규칙은 선택자와 여는 중괄호로 시작하고, 각 선언은 두 칸 들여쓰기와 콜론 뒤 공백을 적용해 한 줄씩 표시하며, 닫는 중괄호도 별도의 줄에 표시합니다. 선택자 목록은 쉼표와 공백으로 연결하고, > 및 ~ 같은 결합자는 앞뒤에 공백을 둡니다.

### 미디어 쿼리와 기타 앳 규칙을 지원하나요?

예, @media, @supports 및 이와 유사한 블록 안의 규칙은 중첩해 들여씁니다. @import 같은 문은 한 줄로 유지하고, url() 값은 따옴표로 감쌉니다.

### 유효하지 않은 CSS은 어떻게 되나요?

예를 들어 중괄호가 빠져 있어 파서가 스타일시트를 읽을 수 없으면 도구가 처리를 중단하고 줄 번호와 함께 파서 메시지를 표시합니다. 표시된 위치를 수정한 뒤 다시 서식을 지정하세요.

### 주석이 보존되나요?

예, 규칙 사이와 선언 사이의 주석을 모두 유지합니다. 각 주석은 주변 코드의 들여쓰기 수준에 맞춰 별도의 줄에 표시합니다.

### 사용자 지정 속성을 지원하나요?

예, --brand-color 같은 사용자 지정 속성도 다른 선언과 동일한 방식으로 서식을 지정합니다. var(--brand-color) 같은 참조는 작성된 그대로 유지합니다.

### 여기서 SCSS 또는 Less의 서식을 지정할 수 있나요?

아니요, 이 페이지는 일반 CSS를 입력으로 받으며, 전처리기의 중첩 규칙이나 변수는 거부될 수 있습니다. 해당 파일에는 SCSS Formatter 또는 Less Formatter를 사용하세요.

### 들여쓰기나 중괄호 스타일을 변경할 수 있나요?

아니요, 서식 지정 도구에는 옵션이 없으며 선택자 줄에 여는 중괄호를 두고 항상 두 칸 들여쓰기를 사용합니다. 따라서 모든 스타일시트에서 일관된 결과를 얻을 수 있습니다.

### 결과가 css 코드 펜스로 감싸져 있는 이유는 무엇인가요?

출력은 css로 표시된 Markdown 코드 블록으로 반환되므로 Markdown에서 구문 강조가 적용됩니다. .css 파일에 사용할 코드는 펜스 사이의 줄을 복사하세요.

### 스타일시트 크기는 얼마나 클 수 있나요?

실행당 최대 5 MB까지 지원하며, 더 큰 입력은 메시지와 함께 거부됩니다. 출력은 Code Formatter의 CSS 옵션과 동일합니다.

여기에 광고를 게재하시겠어요?

[이메일 보내기](mailto:hi@dennn.is?subject=OneClick%20Pro%20%EA%B4%91%EA%B3%A0%20%EB%AC%B8%EC%9D%98)

[광고 WordPress을 위한 에이전트 지원 플러그인 모음입니다.](https://sleekwp.com/?ref=oneclickpro)