예시
입력:
h1{color:blue;}p{font-size:16px;}
Format 버튼을 클릭하면 다음과 같이 출력됩니다:
h1 {
color: blue;
}
p {
font-size: 16px;
}
온라인 CSS 포맷터 소개
이 온라인 CSS 포맷터는 지저분하거나 압축되어 있거나 읽기 어려운 CSS 코드를 더 깔끔한 형식으로 정리해 줍니다. CSS 코드를 붙여넣고 들여쓰기 크기를 선택하면, 일관된 들여쓰기와 공백, 줄바꿈이 적용된 읽기 쉬운 구조로 변환할 수 있습니다.
스타일시트를 검토하거나, 복사한 CSS 조각을 편집하거나, 레이아웃 스타일을 디버깅하거나, 공유 및 유지보수가 쉬운 코드 형태로 정리할 때 유용합니다.
• 주요 기능
붙여넣은 CSS 코드를 깔끔하고 읽기 쉬운 형식으로 정리합니다.
일관된 들여쓰기, 공백, 줄바꿈을 적용합니다.
원하는 코드 스타일에 맞게 들여쓰기 공백 수를 선택할 수 있습니다.
압축되어 있거나 정리되지 않은 CSS를 더 쉽게 읽고 편집할 수 있도록 보기 좋게 변환합니다.
정리된 CSS 결과를 복사해 프로젝트, 코드 편집기, 문서 등에 사용할 수 있습니다.
이 포맷터는 코드의 배치와 가독성만 정리합니다. CSS 압축기, 문법 검사기 또는 자동 호환성 검사 도구는 아닙니다.