Comprobación de la compatibilidad de propiedades CSS

En CSS hay propiedades bastante antiguas que son compatibles con todos los navegadores, y hay propiedades nuevas que solo serán compatibles con los navegadores más recientes, y además no con todos.

Al maquetar, debes tomar una decisión sobre si ya puedes usar una propiedad determinada. Para ello existe una regla especial: si la compatibilidad de la propiedad está ausente en los navegadores utilizados por menos del uno por ciento de los usuarios, entonces la propiedad se puede usar.

Sin embargo, aquí hay matices. Después de todo, hay propiedades cuya falta de compatibilidad llevará al fallo del diseño del sitio, por ejemplo, los flexboxes. Y hay propiedades, cuya funcionalidad no es muy crítica. Digamos, los guiones de ruptura hyphens que no funcionen no empeorarán mucho el sitio.

Para comprobar la compatibilidad de una propiedad con los navegadores, debes usar el servicio caniuse.com. Este muestra la compatibilidad de la propiedad con cada versión de todos los navegadores, así como el porcentaje de usuarios que utiliza cada una de las versiones.

Teniendo estos datos, puedes juzgar si ya es posible usar alguna propiedad. También, algunas propiedades pueden aún requerir prefijos de vendor en algunas versiones de navegadores que todavía son utilizadas por usuarios. También debes prestar atención a esto.