개발

CSS 포맷터

CSS 선택자와 속성을 보기 좋은 형식으로 정리하세요.

값을 입력해 실행하기CSS 파일로 불러오기입력창에 직접 써도 됩니다파일 선택또는 CSS 파일을 이 영역에 끌어다 놓으세요.

CSS 코드

예시 결과

.card {
  color: #222;
  padding: 16px;
}

입력값을 넣고 실행하면 실제 결과로 바뀝니다.

도구 사용 순서