Sjekk av støtte for CSS-egenskaper

I CSS er det noen gamle egenskaper som støttes i alle nettlesere, og det er nye egenskaper som bare vil bli støttet i de nyeste nettleserne, og langt fra i alle.

Ved koding må du ta et beslutning om det allerede er mulig å bruke en gitt egenskap. For dette finnes en spesifikk regel: hvis støtten for en egenskap mangler i nettlesere som brukes av mindre enn én prosent av brukerne, kan egenskapen brukes.

Det er imidlertid nyanser her. For det er egenskaper hvis mangel på støtte vil føre til at nettstedets layout faller fra hverandre, for eksempel flexbokser. Og det er egenskaper hvis funksjonalitet ikke er veldig kritisk. For eksempel, ikke-fungerende orddeling hyphens vil ikke gjøre nettstedet mye verre.

For å sjekke støtten for en egenskap i nettlesere, må du bruke tjenesten caniuse.com. Den viser støtten for egenskapen i hver versjon av alle nettlesere, samt prosentandelen av brukere som bruker hver av versjonene.

Med disse dataene kan du bedømme om det allerede er mulig å bruke en egenskap. Noen egenskaper kan også fremdeles være under vendor-prefikser i noen versjoner av nettlesere som fortsatt brukes av brukere. Du må også være oppmerksom på dette.