Es background-color: none valid CSS?

¿Alguien puede decirme si el siguiente CSS es válido?

.class { background-color:none; } 

Probablemente desee transparent ya que none no es un valor de background-color válido.

La especificación CSS 2.1 establece lo siguiente para la propiedad de background-color :

Value: | transparent | inherit

puede ser una palabra clave o una representación numérica de un color. Las palabras clave de color válidas son:

aqua, negro, azul, fucsia, gris, verde, lima, granate, azul marino, oliva, naranja, púrpura, rojo, plata, trullo, blanco y amarillo

transparent y inherit son palabras clave válidas por derecho propio, pero none es.

No, use transparent lugar de none . Vea el ejemplo de trabajo aquí en este ejemplo si cambiará transparent a none no funcionará

usar como .class { background-color:transparent; } .class { background-color:transparent; }


Donde .class es lo que va a nombrar a su clase transparente.

La respuesta es no.

Incorrecto

 .class { background-color: none; /* do not do this */ } 

Correcto

 .class { background-color: transparent; } 

background-color: transparent realiza lo mismo que lo que quería hacer con background-color: none .

 .class { background-color:none; } 

Esta no es una propiedad válida. El validador W3C mostrará el siguiente error:

Error de valor: color de fondo ninguno no es un valor de color de fondo: ninguno

transparent puede haber sido seleccionado como un mejor término en lugar de 0 o none durante el desarrollo de la especificación de CSS.

CSS Level 3 especifica el valor de la propiedad no establecida. De MDN :

La palabra clave CSS no configurada es la combinación de las palabras clave iniciales y heredadas. Al igual que estas otras dos palabras clave de todo el CSS, se puede aplicar a cualquier propiedad de CSS, incluida la abreviatura de CSS. Esta palabra clave restablece la propiedad a su valor heredado si hereda de su padre o su valor inicial si no lo hace. En otras palabras, se comporta como la palabra clave heredada en el primer caso y como la palabra clave inicial en el segundo caso.

Desafortunadamente, este valor actualmente no es compatible con todos los navegadores, incluidos IE, Safari y Opera. Sugiero usar transparent por el momento.

escribe esto:

 .class { background-color:transparent; }