The W3C CSS validator is telling me -moz-border-radius isn't valid.
What's up with this?!It's because the property is actually defined in CSS3 as border-radius and it not yet widely supported. The reason the for the vendor-specific prefix (i.e., -moz-) is because it is so far only supported by Mozilla and thus the validator does not recognize the property therefore making it invalid as far as the validator is concerned.
Note, however, it is not invalid because it is not proprietary or otherwise — it's a valid CSS3 property (<!-- m --><a class="postlink" href="http://www.w3.org/TR/2002/WD-css3-border-20021107/#the-border-radius">http://www.w3.org/TR/2002/WD-css3-borde ... der-radius</a><!-- m -->) and once it is more widely supported, you can simply remove the vendor-specific prefix and it should vaidate with no problems whatsoever. I don't see any danger in using it though, since browsers other than Mozilla will simply not have rounded edges on the element.Alrighty then! Thanks a lot for the info.
What's up with this?!It's because the property is actually defined in CSS3 as border-radius and it not yet widely supported. The reason the for the vendor-specific prefix (i.e., -moz-) is because it is so far only supported by Mozilla and thus the validator does not recognize the property therefore making it invalid as far as the validator is concerned.
Note, however, it is not invalid because it is not proprietary or otherwise — it's a valid CSS3 property (<!-- m --><a class="postlink" href="http://www.w3.org/TR/2002/WD-css3-border-20021107/#the-border-radius">http://www.w3.org/TR/2002/WD-css3-borde ... der-radius</a><!-- m -->) and once it is more widely supported, you can simply remove the vendor-specific prefix and it should vaidate with no problems whatsoever. I don't see any danger in using it though, since browsers other than Mozilla will simply not have rounded edges on the element.Alrighty then! Thanks a lot for the info.