- From: Tab Atkins Jr. <jackalmage@gmail.com>
- Date: Sun, 10 Nov 2013 09:54:26 -0800
- To: Alan Stearns <stearns@adobe.com>
- Cc: www-style list <www-style@w3.org>
On Sat, Nov 9, 2013 at 11:07 PM, Alan Stearns <stearns@adobe.com> wrote: > Many decisions were made today today in the face-to-face meeting about CSS > Shapes level 1. > > We resolved that we keep the current editor's draft syntax for inset() and > polygon() > > inset() = inset( <shape-arg>{1,4} [ round <border-radius> ]? ) > polygon() = polygon( [<fill-rule>,]? [<shape-arg> <shape-arg>]# ) > > We change circle() and ellipse() to use radial gradient syntax: > > circle() = circle( [<size>] [at <position>] ) > ellipse() = ellipse( [<size>] [at <position>] ) > > And we postpone rectangle() to level 2, because the way SVG and CSS define > rectangles is incompatible, and you can get a rectangle both with inset() > and polygon(). I find these compromises acceptable. > Then, we resolved to remove the dependency on box-sizing in basic shapes > in favor of a raft of new keywords for shapes defined by the relevant > boxes. So you can say: > > shape-outside: border-box; > > To wrap around a shape defined by the outside border edge. This includes > curvature from border-radius. But you can also use the keyword to > determine how percentages in a basic shape are resolved. So either of > these: > > shape-outside: border-box circle(50%); > shape-outside: circle(50%) border-box; > > will create a circle shape centered in the border box with a radius 50% of > the width of the border box. You can also use margin-box, padding-box and > content-box as keywords (these include curvature from border radius as > well, in just the same way as background-clip). +1, I like it. ~TJ
Received on Sunday, 10 November 2013 17:55:12 UTC