CSS 에러

Unknown property

알 수 없는 속성

CSS 속성 이름을 브라우저가 인식하지 못합니다.

예상치 못한 토큰

CSS 파서가 예상치 못한 문자 또는 토큰을 만났습니다.

세미콜론 누락

CSS 선언 끝에 세미콜론이 누락되었습니다.

Unrecognized at-rule

인식할 수 없는 @규칙

CSS 파서가 @규칙을 인식하지 못합니다.

잘못된 선택자

CSS 선택자 구문이 유효하지 않습니다.

z-index stacking context

z-index 쌓임 맥락 문제

z-index 값이 설정되어 있음에도 요소가 예상대로 레이어되지 않습니다.

Specificity conflict

명시도 충돌

더 높은 명시도를 가진 선택자가 재정의하여 CSS 규칙이 적용되지 않습니다.

Overflow hidden clipping

overflow hidden에 의한 콘텐츠 클리핑

overflow 설정으로 인해 콘텐츠가 예기치 않게 잘리거나 숨겨집니다.

Deprecated -webkit- prefix

deprecated -webkit- 프리픽스

-webkit- 프리픽스가 붙은 속성은 deprecated 되었으며 표준 버전으로 교체해야 합니다.

Deprecated -moz- prefix

deprecated -moz- 프리픽스

-moz- 프리픽스가 붙은 속성은 deprecated 되었으며 표준 버전으로 교체해야 합니다.

플렉스 항목 오버플로

플렉스 항목이 충분히 축소되지 않아 컨테이너를 벗어납니다.

Invalid grid template

잘못된 그리드 템플릿

grid-template-columns 또는 grid-template-rows 값의 구문이 유효하지 않습니다.

Invalid calc() expression

잘못된 calc() 표현식

calc() 함수에 구문 오류가 있습니다.

!important 남용

!important를 과도하게 사용하면 스타일 재정의 및 유지 보수가 어려워집니다.

@font-face format error

@font-face 형식 오류

@font-face 선언의 형식이 유효하지 않거나 필수 속성이 누락되었습니다.

Font loading failed

폰트 로딩 실패

지정된 URL에서 웹 폰트를 로드하지 못했습니다.

Invalid media query

잘못된 미디어 쿼리

미디어 쿼리 구문이 유효하지 않습니다.

잘못된 @keyframes

@keyframes 애니메이션 정의에 구문 오류가 있습니다.

Undefined CSS variable

정의되지 않은 CSS 변수

참조된 CSS 커스텀 속성(변수)이 정의되어 있지 않습니다.

Circular CSS variable

순환 참조 CSS 변수

두 개 이상의 CSS 커스텀 속성이 서로를 참조하여 순환 의존성이 발생합니다.

Transition on display

display 속성의 트랜지션

display 속성은 트랜지션이 불가능하여 CSS 트랜지션이 동작하지 않습니다.

Invalid color function

잘못된 색상 함수

CSS 색상 함수(rgb, hsl, oklch 등)의 구문이 유효하지 않습니다.

Container query unsupported

컨테이너 쿼리 미지원

브라우저가 @container 쿼리를 지원하지 않습니다.

CSS nesting unsupported

CSS 중첩 미지원

브라우저가 네이티브 CSS 중첩 구문을 지원하지 않습니다.

Missing closing brace

닫는 중괄호 누락

CSS 규칙 블록에 닫는 중괄호가 없습니다.

중복 셀렉터

동일한 셀렉터가 스타일시트에 여러 번 등장합니다.

Shorthand property override

단축 속성 재정의

CSS 단축 속성이 이전에 설정된 개별 속성 값을 초기화합니다.

마진 겹침(Margin Collapse)

요소 사이의 수직 마진이 합산되지 않고 하나의 마진으로 겹쳐집니다.

Invalid clamp() syntax

잘못된 clamp() 구문

clamp() 함수의 구문이나 매개변수가 올바르지 않습니다.

aspect-ratio ignored

aspect-ratio 무시됨

aspect-ratio 속성이 요소에 적용되지 않습니다.

@layer ordering issue

@layer 순서 문제

CSS 캐스케이드 레이어가 예상한 순서대로 스타일을 적용하지 않습니다.

Subgrid unsupported

서브그리드 미지원

브라우저가 grid-template-columns 또는 grid-template-rows의 subgrid 값을 지원하지 않습니다.

CSS Paint API error

CSS Paint API 오류

CSS Paint Worklet이 렌더링에 실패하거나 등록에 실패했습니다.

Scroll snap not working

스크롤 스냅 미동작

CSS 스크롤 스냅이 예상대로 동작하지 않습니다.

:has() 셀렉터 미지원

브라우저가 :has() 의사 클래스를 지원하지 않습니다.

position: sticky not working

position: sticky 미작동

position: sticky가 적용된 요소가 예상대로 고정되지 않습니다.

backdrop-filter not rendering

backdrop-filter 렌더링 안 됨

backdrop-filter 속성이 요소에 시각적 효과를 주지 않습니다.

gap not working in flexbox

gap이 Flexbox에서 동작하지 않음

gap 속성이 flex 컨테이너에서 간격을 만들지 않습니다.

text-overflow: ellipsis not working

text-overflow: ellipsis가 동작하지 않음

text-overflow: ellipsis 속성이 넘치는 텍스트에 말줄임표를 표시하지 않습니다.