Couleur d'arrière-plan: aucun CSS valide?

Quelqu'un peut-il me dire si le CSS suivant est valide?

.class {
    background-color:none;
}

Vous voulez probablement transparentque ce nonen'est pas une background-colorvaleur valide .

La spécification CSS 2.1 indique ce qui suit pour la background-colorpropriété:

Value: <color> | transparent | inherit

<color>peut être soit un mot-clé, soit une représentation numérique d'une couleur. Les colormots clés valides sont:

aqua, noir, bleu, fuchsia, gris, vert, citron vert, marron, marine, olive, orange, violet, rouge, argent, turquoise, blanc et jaune

transparentet inheritsont des mots clés valides à part entière, mais ce nonen'est pas le cas.

Non, utilisez transparentplutôt none. Voir l' exemple de travail ici dans cet exemple si vous allez changer transparentà nonecela ne fonctionnera pas

utiliser comme .class { background-color:transparent; }

La réponse est non.

Incorrect

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

Correct

.class {
    background-color: transparent;
}

background-color: transparentaccomplit la même chose que ce que vous vouliez faire background-color: none.

.class {
    background-color:none;
}

Ce n'est pas une propriété valide. Le validateur W3C affichera l'erreur suivante:

Erreur de valeur: couleur d'arrière-plan aucune n'est pas une valeur de couleur d'arrière-plan: aucune

transparentpeut avoir été sélectionné comme meilleur terme au lieu de 0ou nonevaleurs lors du développement de la spécification de CSS.

CSS Level 3 spécifie la unsetvaleur de la propriété. De MDN :

Le mot clé CSS non défini est la combinaison des mots clés initiaux et hérités. Comme ces deux autres mots clés CSS, il peut être appliqué à n'importe quelle propriété CSS, y compris le raccourci CSS all. Ce mot clé réinitialise la propriété à sa valeur héritée si elle hérite de son parent ou à sa valeur initiale sinon. En d'autres termes, il se comporte comme le mot-clé inherit dans le premier cas et comme le mot-clé initial dans le second cas.

Malheureusement, cette valeur n'est actuellement pas prise en charge dans tous les navigateurs, y compris IE, Safari et Opera. Je suggère d'utiliser transparentpour le moment.

écrire cela:

.class {
background-color:transparent;
}

Donc, je voudrais expliquer le scénario où j'ai dû faire usage de cette solution. Fondamentalement, je voulais annuler l'attribut background-color défini par un autre CSS. Le résultat final attendu était de donner l'impression que le CSS d'origine n'avait jamais appliqué l'attribut background-color. Le réglage a background-color:transparent;rendu cela efficace.