W3C home > Mailing lists > Public > www-style@w3.org > July 2006

[CSS3 Backgrounds and Borders] border-radius

From: Joost 'AlthA' de Valk <webkit@joostdevalk.nl>
Date: Thu, 6 Jul 2006 14:45:57 +0200
Message-Id: <BEC6E278-678C-4841-98AF-E8B75256C54E@joostdevalk.nl>
Cc: Mark Rowe <opendarwin.org@bdash.net.nz>
To: www-style@w3.org

When an element has a border-radius that is more than half the the  
element's width or height, should it draw a border at all?


<div style="height: 50px; width: 50px; border-radius: 30px;  
background-color: #0f0;"></div>

In WebKit, this div will not be rounded, since it's height is to low  
to have a rounded with a radius of 30px. The spec, up till now, says  
nothing of how to behave in this situation. My suggestion would be to  

"If the border-radius is more than half of the width or height of an  
element, the border-radius is not drawn at all."

I'd like to hear your opinion on this situation.

For reference, this is bug 8736 in WebKit's bugzilla.

Kind regards,
Received on Thursday, 6 July 2006 12:57:14 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:27:25 UTC