In recent evenings, I’ve been working on my Borders project, working to optimise the speed of the thing up to the point where it can be used in production websites.
I believe the script is just about ready. Thanks go out to Dylan Parry for pushing me to work on this!
Please note that no browser-specific CSS was used in this. The borders are defined in the W3C’s Borders module draft. Not one browser supports border-radius yet (no – Firefox’s -moz-border-radius does not conform to the W3C’s specs).
The script works in Konqueror, Safari, IE, Firefox and Opera.
In the case of Opera, only external CSS works. The demo is with CSS added to the
head of the document (which is not recommended in production sites). I do not believe this is a problem.
Anti-aliasing is available for Firefox, IE, and Safari. Konqueror and Opera do not support opacity yet, so in their cases, borders are kinda pixelated (but still better than nothing!).
How to use this script: simply grab a copy of this file, and link to it in the
head of your document, then use border-radius in your CSS as if the browser supported it natively. It’s that simple!
- I have not figured out a way to read plain un-edited internal CSS in Opera yet.
- Optimisation would be much easier if it was possible to use the DOM to read un-edited CSS, as it was supplied, instead of after the browsers have adapted it to fit their own internal models.
If anyone can help with the above, or comes across other problems with this, please comment below.