Blader door alle 40 CSS-fouten-foutcodes met oorzaken, oplossingen en voorbeelden.
AkousaInvalid property valueDe waarde die aan een CSS-eigenschap is toegewezen, is niet geldig voor die eigenschap.
Unknown propertyDe naam van de CSS-eigenschap wordt niet herkend door de browser.
Unexpected tokenDe CSS-parser heeft een onverwacht teken of token aangetroffen.
Missing semicolonEr ontbreekt een puntkomma aan het einde van een CSS-declaratie.
Unrecognized at-ruleDe CSS-parser herkent de @-regel niet.
Invalid selectorDe CSS-selectorsyntaxis is niet geldig.
z-index stacking contextElementen worden niet zoals verwacht gelaagd, ondanks ingestelde z-index-waarden.
Specificity conflictEen CSS-regel wordt niet toegepast omdat een specifiekere selector deze overschrijft.
Overflow hidden clippingInhoud wordt onverwacht weggeknipt of verborgen door overflow-instellingen.
Deprecated -webkit- prefixEen eigenschap met het -webkit- voorvoegsel is verouderd en moet worden vervangen door de standaardversie.
Deprecated -moz- prefixEen eigenschap met het -moz- voorvoegsel is verouderd en moet worden vervangen door de standaardversie.
Flex item overflowEen flex-item loopt buiten zijn container omdat het niet voldoende kan krimpen.
Invalid grid templateDe waarde van grid-template-columns of grid-template-rows heeft een ongeldige syntaxis.
Invalid calc() expressionDe calc()-functie bevat een syntaxisfout.
!important overuseOvermatig gebruik van !important maakt stijlen moeilijk te overschrijven en te onderhouden.
@font-face format errorDe @font-face-declaratie heeft een ongeldig formaat of ontbrekende eigenschappen.
Font loading failedEen weblettertype kon niet worden geladen vanaf de opgegeven URL.
Invalid media queryDe syntaxis van de mediaquery is niet geldig.
Invalid @keyframesDe @keyframes-animatiedefinitie bevat een syntaxisfout.
Undefined CSS variableEr wordt verwezen naar een CSS-aangepaste eigenschap (variabele) die niet is gedefinieerd.
Circular CSS variableTwee of meer CSS-aangepaste eigenschappen verwijzen naar elkaar en vormen zo een circulaire afhankelijkheid.
Transition on displayEen CSS-transitie werkt niet omdat de display-eigenschap niet getransitioneerd kan worden.
Invalid color functionEen CSS-kleurenfunctie (rgb, hsl, oklch, enz.) heeft een ongeldige syntaxis.
Container query unsupportedDe browser ondersteunt @container-queries niet.
CSS nesting unsupportedDe browser ondersteunt geen native CSS-nestingsyntaxis.
Missing closing braceEen CSS-regelblok mist de afsluitende accolade.
Duplicate selectorDezelfde selector komt meerdere keren voor in het stylesheet.
Shorthand property overrideEen verkorte CSS-eigenschap reset waarden die eerder zijn ingesteld door lange-hand eigenschappen.
Margin collapseVerticale marges tussen elementen worden samengevoegd tot één marge in plaats van bij elkaar opgeteld.
Invalid clamp() syntaxDe clamp()-functie heeft een onjuiste syntaxis of parameters.
aspect-ratio ignoredDe aspect-ratio-eigenschap heeft geen effect op het element.
@layer ordering issueCSS-cascadelagen passen stijlen niet in de verwachte volgorde toe.
Subgrid unsupportedDe browser ondersteunt de subgrid-waarde voor grid-template-columns of grid-template-rows niet.
CSS Paint API errorEen CSS Paint Worklet kon niet renderen of registreren.
Scroll snap not workingCSS-scroll snapping gedraagt zich niet zoals verwacht.
:has() unsupportedDe browser ondersteunt de :has()-pseudo-klasse niet.
position: sticky not workingHet element met position: sticky plakt niet zoals verwacht.
backdrop-filter not renderingDe eigenschap backdrop-filter heeft geen zichtbaar effect op het element.
gap not working in flexboxDe eigenschap gap creëert geen ruimte in een flex-container.
text-overflow: ellipsis not workingDe eigenschap text-overflow: ellipsis toont geen ellips voor overloopende tekst.