Verificação de suporte de propriedades CSS

Em CSS, existem propriedades bastante antigas que são suportadas em todos os navegadores, e existem propriedades novas que serão suportadas apenas nos navegadores mais recentes, e mesmo assim não em todos.

Ao criar um layout, você deve decidir se já pode usar uma determinada propriedade. Para isso, existe uma regra especial: se o suporte à propriedade estiver ausente em navegadores usados por menos de um por cento dos usuários, então a propriedade pode ser usada.

No entanto, há nuances nisso. Existem propriedades cuja falta de suporte levará à quebra do layout do site, por exemplo, flexbox. E existem propriedades cujo funcionamento não é muito crítico. Digamos, hifenização hyphens que não funciona não tornará o site muito pior.

Para verificar o suporte a uma propriedade nos navegadores, você precisa usar o serviço caniuse.com. Ele mostra o suporte à propriedade para cada versão de todos os navegadores, bem como a porcentagem de usuários que usa cada uma das versões.

Com esses dados, você pode fazer um julgamento sobre se já pode usar alguma propriedade. Além disso, algumas propriedades podem ainda estar sob prefixos vendor em algumas versões de navegadores que ainda são usadas por usuários. Você também precisa prestar atenção a isso.