border-radius and clipping of background and content

• From: Boris Zbarsky <bzbarsky@MIT.EDU>
• Date: Tue, 17 Jun 2003 21:25:54 -0500
• To: www-style@w3.org
• Message-ID: <3EEFCDB2.1070402@mit.edu>

I was just looking at the current description of border-radius at 
http://www.w3.org/TR/2002/WD-css3-border-20021107/#the-border-radius and 
noticed that it explicitly says that the background is not painted 
outside the rounded border.  It says nothing about the content, 
however... so if you consider the following markup:

<div style="white-space: pre; border: 1px solid black;
             border-radius: 6em">
line
line
line
line
line
line
line
line
line
line
</div>

some of the text will end up being painted completely outside the border 
(in the top left and bottom left corners of the box).

Should it be the responsibility of the content author to provide 
sufficient padding for the selected border-radius?  Or the box model 
handle this automatically somehow?

-Boris

Received on Tuesday, 17 June 2003 22:25:56 UTC