Re: outline-radius

I always liked the idea of the border properties becoming lists, and 
never agreed with it getting dropped from css3-background. I recall the 
reasons were "lack of use cases" and supposed overlap with border-image 
— which is like saying that gradients aren't needed because we have 
background-image.

Anyhow, about your proposal, how do you picture the following to behave?

border: 1px solid;
border-color: red, green, blue;
border-affect: affect, none, affect;

i.e. what happens when borders not affecting layout come before borders 
that do?

Lea Verou (http://lea.verou.me | @LeaVerou)


On 12/3/12 14:32, Marat Tanalin | tanalin.com wrote:
> In general, indeed, it would be nice to have ability to round corners of outline similar to currently available rounding corners of element with border-radius.
>
> However maybe it makes sense to get rid of outline itself in its current form, and make generalize and improve borders by making it possible to:
>
>      * specify _multiple_ borders for same element;
>      * specify whether particular border "layer" should affect element size.
>
> A possible multiple-borders syntax is simple (comma-separated list of regular border values):
>
>      .example {border: 1px solid #ссс, 2px solid #0a0; }
>
> Whether border "layer" should affect element size, could be specified by property like border-affect-size:
>
>      .example {border-affect-size: affect, none; }
>
> Here, first border (1px solid #ссс) do affect element size while second border is rendered, but does not affect element size (effectively behaving as outline).
>
> By affecting element size, I mean whether visible size of element (together with particular border layer) is identical to size of element's area affecting positions of its sibling elements. For example, currently, border do affect element size while outline does not.

Received on Wednesday, 14 March 2012 23:11:22 UTC