Does your site run on Perch CMS? Hire me to help. Perch CMS Development

CSS outline property

Posted on by Clive Walker in CSS

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]

Does your site run on Perch CMS? Hire me to help. Perch CMS Development

Comments

  • 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.
    Cheers
    Mohammed Arif

Leave a comment

A simple question that helps prevent automated form fillers.

© 2020 Clive Walker