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

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