Перегляньте всі 40 кодів помилок Помилки CSS з причинами, виправленнями та прикладами.
AkousaInvalid property valueЗначення, призначене CSS-властивості, є неприпустимим для цієї властивості.
Unknown propertyНазва CSS-властивості не розпізнається браузером.
Unexpected tokenCSS-парсер зустрів неочікуваний символ або токен.
Missing semicolonУ кінці CSS-оголошення відсутня крапка з комою.
Unrecognized at-ruleCSS-парсер не розпізнає @-правило.
Invalid selectorСинтаксис CSS-селектора є некоректним.
z-index stacking contextЕлементи не накладаються в очікуваному порядку, попри встановлені значення z-index.
Specificity conflictCSS-правило не застосовується, оскільки його перевизначає більш специфічний селектор.
Overflow hidden clippingВміст несподівано обрізається або приховується через налаштування overflow.
Deprecated -webkit- prefixВластивість із префіксом -webkit- є застарілою і має бути замінена стандартною версією.
Deprecated -moz- prefixВластивість із префіксом -moz- є застарілою і має бути замінена стандартною версією.
Flex item overflowFlex-елемент виходить за межі контейнера, оскільки не може достатньо зменшитися.
Invalid grid templateЗначення grid-template-columns або grid-template-rows має недійсний синтаксис.
Invalid calc() expressionФункція calc() містить синтаксичну помилку.
!important overuseНадмірне використання !important ускладнює перевизначення та підтримку стилів.
@font-face format errorОголошення @font-face має недійсний формат або відсутні властивості.
Font loading failedНе вдалося завантажити веб-шрифт за вказаним URL.
Invalid media queryСинтаксис медіазапиту є некоректним.
Invalid @keyframesВизначення анімації @keyframes містить синтаксичну помилку.
Undefined CSS variableCSS-кастомна властивість (змінна) використовується, але не визначена.
Circular CSS variableДві або більше CSS-кастомних властивостей посилаються одна на одну, утворюючи циклічну залежність.
Transition on displayCSS-перехід не працює, оскільки властивість display не підтримує переходи.
Invalid color functionCSS-колірна функція (rgb, hsl, oklch тощо) має невалідний синтаксис.
Container query unsupportedБраузер не підтримує @container queries.
CSS nesting unsupportedБраузер не підтримує нативний синтаксис вкладення CSS.
Missing closing braceУ блоці CSS-правила відсутня закриваюча фігурна дужка.
Duplicate selectorОдин і той самий селектор зустрічається в таблиці стилів кілька разів.
Shorthand property overrideСкорочена CSS-властивість скидає значення, раніше встановлені повними властивостями.
Margin collapseВертикальні відступи між елементами схлопуються в один спільний відступ замість того, щоб додаватися.
Invalid clamp() syntaxФункція clamp() має неправильний синтаксис або параметри.
aspect-ratio ignoredВластивість aspect-ratio не застосовується до елемента.
@layer ordering issueКаскадні шари CSS не застосовують стилі в очікуваному порядку.
Subgrid unsupportedБраузер не підтримує значення subgrid для grid-template-columns або grid-template-rows.
CSS Paint API errorCSS Paint Worklet не зміг виконати рендеринг або зареєструватися.
Scroll snap not workingCSS scroll snapping поводиться не так, як очікується.
:has() unsupportedБраузер не підтримує псевдоклас :has().
position: sticky not workingЕлемент із position: sticky не прилипає, як очікується.
backdrop-filter not renderingВластивість backdrop-filter не має видимого ефекту на елементі.
gap not working in flexboxВластивість gap не створює відступів у flex-контейнері.
text-overflow: ellipsis not workingВластивість text-overflow: ellipsis не показує три крапки для тексту, що виходить за межі.