Hey, On my site I'm using the border-radius feature. My question is, at the moment I have: -webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomright: 15px; border-bottom-right-radius: 15px; HTML: But this does not pass the CSS validation. It says that the -webkit-..... & -moz-border-.... property does not exist. How ever, just the default border-radius does. So do I still need the prefixes of -moz & -webkit? Or will that effect how the borders look on older browsers? I hope I've made sense! And thanks in advance,
Vendor extensions (-webkit/-moz/-o/etc.) are valid CSS but will be flagged by the validator. You should include the standard 'border-radius' property for those browsers that will use it, making it easier to delete the vendor extension later on.
CSS Validation is not work for these code -webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomright: 15px; Cuz these two are for webkit and mozilla browser prosonally. W3c does not validat these code.
Edit : -webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomright: 15px; border-bottom-right-radius: 15px; HTML: To -webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottom-right: 15px; border-bottom-right-radius: 15px; HTML: Your error here : -moz-border-radius-bottomright: 15px;
Actually the reason you're getting those errors is because w3c validator isn't 100% compliant with HTML5 elements. Seeing as how border-radius is new, it causes these psuedo errors. Simply ignore them.