Verifica del supporto delle proprietà CSS

In CSS ci sono proprietà abbastanza vecchie che sono supportate in tutti i browser, e ci sono nuove proprietà che saranno supportate solo nei browser più recenti, e anche lì non in tutti.

Durante lo sviluppo web devi prendere una decisione sull'utilizzo di una determinata proprietà. Per questo esiste una regola speciale: se il supporto della proprietà è assente nei browser utilizzati da meno dell'uno percento degli utenti, allora la proprietà può essere utilizzata.

Tuttavia, qui ci sono delle sfumature. Ci sono proprietà, la cui mancanza di supporto porterà al collasso del layout del sito, ad esempio, i flexbox. E ci sono proprietà, il cui funzionamento non è molto critico. Diciamo che le sillabazioni hyphens che non funzionano non renderanno il sito molto peggiore.

Per verificare il supporto di una proprietà da parte dei browser è necessario utilizzare il servizio caniuse.com. Esso mostra il supporto della proprietà per ogni versione di tutti i browser, nonché la percentuale di utenti che utilizza ciascuna delle versioni.

Avendo questi dati, puoi giudicare se è già possibile utilizzare una certa proprietà. Inoltre, alcune proprietà potrebbero essere ancora sotto prefissi vendor in alcune versioni di browser ancora in uso dagli utenti. Anche a questo devi prestare attenzione.