W3C home > Mailing lists > Public > www-style@w3.org > August 2009

Re: Idea : replacement for border-radius, a more complete corner styling property.

From: François REMY <fremycompany_pub@yahoo.fr>
Date: Wed, 5 Aug 2009 16:32:31 +0200
Message-ID: <769715CD98B1401781146463E13AC344@FREMYCOMPANY>
To: "Nicosmos" <contact@nicosmos.net>, "CSS 3 W3C Group" <www-style@w3.org>
Thanks for your suggestion.

It would be a nice to have, but I don't think any implementor would like
to have this included in the spec. We currently have a nearly compatible
solution about border-radius, nobody shall delete it from the spec in
favor of an hypotetical replacement.

Maybe such features may be implemented in a later version of CSS by
introducting the use of a keyword in the border-radius property.

    selector {
        border-radius: 10px beleved;

Please note that I'm not a browser implemetor, and anything I could say 
here is only speculative and only reflects my own thoughts.

F. Remy

From: Nicosmos 
Sent: Tuesday, August 04, 2009 8:32 PM
To: www-style@w3.org 
Subject: Idea : replacement for border-radius, a more complete corner styling property.


Here is a small idea for CSS. I doesn't affect something important like selectors or positioning, it's only about decorating : it concerns border-radius. The problem with rounded corners, is that if it's currently a lot of used on the Web, and in print too, this is because it's trendy. For some years only. However, a trend is always temporary.

A language should, I think, transcend trends. I don't mean delete border-radius, no ! I use it a lot like many people. But I mean include it in a more global property related to border corner styling. Not only rounded. Something like "corner-style".

There could be two sub-property. The first in order to define the style applied to corner, like "corner-style-type". Quickly, I can see three different style for it : rounder corner (effect of the current border-radius), beleved corner, and corner "scoop out in square". A image is a better explanation :

The second sub-property will allow to choose the size of these styles, with a "corner-style-size". Obviously, the same box could have different styles and sizes for each corner.

  div#various-corner {
   corner-style-type: rounded beveled square-cutted none;
   corner-style-size: 30px 20px 25px 0;

should show something like this :

The idea is to don't grant border-radius a complete property, but make of it only a possibility of an more overall property, in the same way that "double" is only a value of "border-style", or "square" is only an option of "list-style-type". Obviously, this property will be to improve : adding more corner style types and allow to write two values, x and y, for the same corner style, to do something like this for instance :

(previous and next)

I know that it's only a detail not really important compared to all the other work in making CSS3, but I try ... Could you plan a property like this ?

Thanks for your potential answer,

PS : As you have probably noticed, my English isn't awesome at all. Sorry ;)

(image/png attachment: 01-part)

(image/png attachment: 02-part)

(image/png attachment: 03-part)

Received on Wednesday, 5 August 2009 14:33:08 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:07:38 UTC