Mobile Friendly Website


Doing it with style

Border colors COMMENTS

Welcome to my Comments Pages

Please note. I get a few hundred emails a week from visitors asking for help, or posing questions on how to modify my demos to suit their application and I read them all. Unfortunately I only have a limited amount of time to spend answering these questions.

So if I do not reply, please do not be offended, and if I do reply then you are one of the lucky ones.

If you are asking for permission to use any of my demonstration then please email me with your request stu{at}

Post a comment

Current posts

Michael Spence:-
Actually, I expected what you got with Opera. It placed the top border, then the right, then the bottom, then the left--just like the result I get when folding down the end flaps of a corrugated box. An extra step is needed to tuck in the last corner, and I have no idea how to do that in CSS. (Hm. What effect would altering the sequence of statements have?)
(31.01.2005, 17:26)

Hi Stu,

i closely agree with your image, all but the black, i think it logically should goto the top.

That would have made sense, as programatically, it work work down the css chain, top being overwitten by right, being overwritten by bottom, being overwritten by left.

Where have all the "Software Engineers" gone!
(25.03.2006, 21:47)

I don't know why but in my IE6 the results aren't opposite and they didn't exactly work (compared to FX)
(15.04.2006, 01:16)

does the order in which you specify the borders matter?
(01.02.2007, 05:47)

Looking at the 2x2 pixel thing, I can see a way to hide a message from a given browser.
In front of the word "SUX" you can arrange them one of three ways - into the word "OPERA" using the red top border, "IE" using the black left border, or "FIREFOX" using the blue bottom border.
That way only Firefox and IE will see "Opera sux", or only Firefox and Opera will see "IE sux", or only IE and Opera will see "Firefox sux".
Bonus points for getting all three messages into one :)
(16.02.2007, 01:11)


Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page