Kontrol af CSS-egenskabsunderstøttelse

I CSS er der ret gamle egenskaber, som understøttes i alle browsere, og der er nye egenskaber, som kun vil blive understøttet i de nyeste browsere, og langt fra alle.

Ved udvikling af websider skal du træffe beslutninger om, hvornår det allerede er muligt at bruge en given egenskab. Der findes en speciel regel for dette: hvis understøttelsen af en egenskab mangler i browsere, som bruges af mindre end én procent af brugerne, kan egenskaben bruges.

Der er dog nuancer her. For der er egenskaber, hvis mangel på understøttelse vil føre til, at websidens layout bryder sammen, for eksempel flexbox. Og der er egenskaber, hvis funktionalitet ikke er særlig kritisk. For eksempel vil ikke-fungerende orddeling hyphens ikke gøre sitet meget værre.

For at kontrollere en egenskabs understøttelse i browsere skal du bruge tjenesten caniuse.com. Den viser egenskabens understøttelse i hver version af alle browsere, samt den procentdel af brugere, som bruger hver af versionerne.

Med disse data kan du drage en konklusion om, hvorvidt det allerede er muligt at bruge en bestemt egenskab. Nogle egenskaber kan også stadig være under vendor-præfikser i nogle browserversioner, som stadig bruges af brugere. Du skal også være opmærksom på dette.