CSS outline property
I wrote this post a while back. The content can still be relevant but the information I've linked to may not be available.
I was reading through a CSS Cheat Sheet (as you do) and I came across the CSS2 outline property. I must admit, this was new to me and at first it seemed quite interesting.
Basically, the outline property in CSS2 allows you to put another ‘border’ around an element. This would allow the use of ‘double borders’ on any element and it might allow some different effects to be created.
Unfortunately browser support for CSS outline is poor and this seems unlikely to change. IE7 beta does not support it and Mozilla seems to have its own implementation.
I’m sure that the main browsers have their own explanations for this – but what is the point of having a CSS2 specification if the latest generation browsers do not support some of the properties?
[Ed: end of rant]