Validar CSS usando propiedades -webkit y -moz

[josepzin]

Estoy usando las opciones de bordes redondeados de Moz y Webkit:

-webkit-border-radius: 4px;
-moz-border-radius: 4px;

Sé que sólo se veran en FF o Safari/Chrome y no en IE, y la verdad es que me da igual, la web se verá un poquito mas cuadrada en IE pero el resultado será el mismo.

Pero al pasar el validador de W3C me da errores por usar esas propiedades no estandares.

¿Hay alguna manera de usarlas y a la vez validar correctamente?

Se me ocurre ahora mismo que se podría generar con javascript el trocito de CSS que incluye esas propiedades, pero no sé si habrá una forma mejor, con un condicional o algo asis...

[Calizman]

Saludos!

Hay dos formas de hacerlo:

La primera es hacer una hoja de estilos aparte para las propiedades de CSS3 (Como las que estas usando) Y validar la hoja principal (Que sin las propiedades de CSS3 validará seguro) Y la segunda opcion que tienes es especificarle al validador W3C que estas usando CSS3.

Espero te sirva la informacion.

Hasta Luego!

[josepzin]

Muchas gracias por responder Calizman :)

La posibilidad de poder declarar la hoja de estilo como CSS3 no se me había ocurrido, voy a probarla, parece una buena opción.

[Calizman]

A decir verdad... A poca gente se le ocurre eso! Yo pasé aproximadamente una semana intentando validar una hoja asi hasta que alguien me enseñó a validar con CSS3

Que bueno que te sirvió, para eso estamos.

Hasta Luego!

[jalex16]

Aun así -webkit y -moz no son propiedades CSS3 válidas