CODEWITHSUNDEEP
cssbackground-color
NarfkX
NarfkX

Reputation: 6126

Is background-color:none valid CSS?

Can anyone tell me if the following CSS is valid?

.class {
    background-color:none;
}

Upvotes: 595

Views: 888503

Answers (5)

Gert Hengeveld
Gert Hengeveld

Reputation: 2918

CSS Level 3 specifies the unset property value. From MDN:

The unset CSS keyword is the combination of the initial and inherit keywords. Like these two other CSS-wide keywords, it can be applied to any CSS property, including the CSS shorthand all. This keyword resets the property to its inherited value if it inherits from its parent or to its initial value if not. In other words, it behaves like the inherit keyword in the first case and like the initial keyword in the second case.

Upvotes: 19

Barun
Barun

Reputation: 4431

.class {
    background-color:none;
}

This is not a valid property. W3C validator will display following error:

Value Error : background-color none is not a background-color value : none

transparent may have been selected as better term instead of 0 or none values during the development of specification of CSS.

Upvotes: 11

Sajidur Rahman
Sajidur Rahman

Reputation: 3060

The answer is no.

Incorrect

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

Correct

.class {
    background-color: transparent;
}

background-color: transparent accomplishes the same thing what you wanted to do with background-color: none.

Upvotes: 126

Jitendra Vyas
Jitendra Vyas

Reputation: 152677

No, use transparent instead none . See working example here in this example if you will change transparent to none it will not work

use like .class { background-color:transparent; }

Where .class is what you will name your transparent class.

Upvotes: 196

James Allardice
James Allardice

Reputation: 165971

You probably want transparent as none is not a valid background-color value.

The CSS 2.1 spec states the following for the background-color property:

Value: <color> | transparent | inherit

<color> can be either a keyword or a numerical representation of a colour. Valid color keywords are:

aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, and yellow

transparent and inherit are valid keywords in their own right, but none is not.

Upvotes: 755

Related Questions