Web Hosting from Bluehost. Sign-up here

CSS outline property

Posted on by Clive Walker in CSS

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]


  • 10 Sep 2008 07:56:45

    Even I just got to know about this property while getting an issue on an anchor with FF 3.0 beta.
    Seems pretty interesting to me as well but it causes accessibility issue and of course poor browsers support.
    May be in the future, all the major browsers will support it. Till the time, wait and watch.
    Mohammed Arif

Leave a comment

A simple question that helps prevent automated form fillers.

© 2017 Clive Walker