Css Invalid Property Value?

Another possible cause could be that you have a "Hidden Character" in the css property or value.

To fix that, copy the code directly from you IDE to some "Hidden Character" detector like this one ,delete the 'bad' characters and then save your code again without the bad characters.

Bonus: If you are using a JetBrains ide like WebStorm, this plugin can help you

If you are using inverted commas in your CSS, please remove them from your CSS file.

For example, find difference between each CSS rule set for .row:

.row {
     margin-left:'-16px !important';
    margin-right:'0px !important';
}

.row {
    margin-left:-16px !important;
    margin-right:0px !important;
}

Not directly a solution but a typo in CSS property value caused similar issue for me:

.PokeCard {
border: 2px solic mediumseagreen;
}

The problem was a typo solic instead of solid.

background-color: #4FB69F; 
background-image: url('images/texture.png'); 
background-repeat: no-repeat; 
background-position: right top;

Within the image url requires ' not " Background position is separate from no repeat and ; between each element control

I had similar problem .

I tried to apply background but there was a typo.

what i tried to in CSS

and I got this error

simply remove the double quotes from the value. as the hex value in css is not in double quotes.

Instead of writing:

.btn {
  background-color: #ffffff;
  background-image: url("img_tree.png");
  background-repeat: no-repeat;
  background-position: right top;
}

You can use the shorthand property background:

.btn {
  background: #ffffff url("img_tree.png") no-repeat right top;
}

It does not matter if one of the property values is missing, as long as the other ones are in this order. know more