Wednesday, 28 October 2009

Obtain CSS3 compliance using JQuery? Not anytime soon.

@pukupi and @juho asked me whether it would be possible to style CSS3-compliant border-radius styles using a framework like jquery. I did a bit of digging around and discovered that the answer is unfortunately "no, you can't".

It turns out that both webkit and gecko clobber CSS entries they don't understand. They aren't accessible from javascript. Both browser engines also expand so-called "short-cut" CSS entries to their full forms. i.e.