How to Fix This CSS3 Validation Error

Question

I have this in my CSS file:

#text p {text-shadow: 0px 1px 0pt rgba(0, 0, 0, 0.50) }

But when I check it against CSS3 I get this error:

Value Error : text-shadow Too many values or values are not recognized : 0 1px 0 rgba(0,0,0,0.5 )

How to fix it please without altering the effect?

Thanks in advance.

You should read this article: impressivewebs.com/css3-validation — Meryovi
– Meryovi, Commented Apr 23, 2012 at 18:23

Meryovi · Accepted Answer · 2012-02-28 19:20:04Z

2

The problem seems to be the W3C validator not recognizing rgba (if you just use rgb(0, 0, 0) it validates properly). I wouldn't worry.

On a side note, why did you use "pt" on the third parameter? You could just leave it as 0:

#text p { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.50) }

answered Feb 28, 2012 at 19:20

Meryovi

6,2215 gold badges44 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

BoltClock Over a year ago

I wish people would stop trying to validate HTML5 and CSS3 code for the next year or so. It makes no sense to validate things that haven't been standardized yet (why do the W3C even have a validator for it in the first place?). I'm also getting tired of answering questions with "this is a bug and you can't/shouldn't change it".

Stecenko Ruslan · Accepted Answer · 2012-02-28 19:17:19Z

0

yes, try

#text p {text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5) }

answered Feb 28, 2012 at 19:17

Stecenko Ruslan

2931 silver badge3 bronze badges

1 Comment

Ahmad Fouad Over a year ago

Same output. :( Thanks for the try

Brian Mains · Accepted Answer · 2012-02-29 03:34:01Z

0

According to quirksmode, text-shadow takes 4 parameters. Maybe try to move rgba to the first place? also please note that in 0px 1px there are px but for the third one you use pt.

Anyway i have created jsfiddle demo and it seems that it works, not sure why it does not validate...

edited Feb 29, 2012 at 3:34

Brian Mains

50.8k35 gold badges155 silver badges260 bronze badges

answered Feb 28, 2012 at 19:15

mkk

7,7037 gold badges48 silver badges63 bronze badges

Collectives™ on Stack Overflow

How to Fix This CSS3 Validation Error

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related