[CSS3] border-radius, border-image and drawing order.

• From: Andrew Fedoniouk <news@terrainformatica.com>
• Date: Sat, 15 Aug 2009 12:33:32 -0700
• To: "www-style@w3.org" <www-style@w3.org>
• Message-ID: <4A870D8C.3030609@terrainformatica.com>

Consider following style and markup:

div
     {
       width:100px; height:100px;
       border-width:4px;
       border-color:red;
       border-radius:50%; /* that means border is a
                             perfect circle */
       border-style:solid;
     }

<div>Some text</div>

Shall border be drawn on top of the text or behind it?
That is the question.

If border is a part of background as current spec implies
then text should be drawn on top of the border.

But what about border-image?
If it is drawn behind the content layer then
this border-image makes almost no practical sense.

Why not to use that multi-background feature and
to drop this border-image completely then?

-- 
Andrew Fedoniouk.

http://terrainformatica.com

Received on Saturday, 15 August 2009 19:34:10 UTC