W3C home > Mailing lists > Public > public-digipub-ig@w3.org > December 2013

Re: request for DPUB IG review of css-shapes-1

From: Alan Stearns <stearns@adobe.com>
Date: Mon, 9 Dec 2013 09:00:51 -0800
To: Robert Sanderson <azaroth42@gmail.com>, "public-digipub-ig@w3.org" <public-digipub-ig@w3.org>
Message-ID: <CECB34E8.34B9C%stearns@adobe.com>
Robert - thanks for the read-through. When digipub sends their response to
www-style, please make sure these comments are included. I’m answering
some here just in case this sparks more questions.

On 12/9/13, 8:37 AM, "Robert Sanderson" <azaroth42@gmail.com> wrote:

>The inability to wrap around both sides of a shape seems strange.  One
>could imagine putting a circular area in the middle of some text rather
>than left or right floated and wanting the text to wrap around it.  I'm
>sure there's a reason for this, and there
> may be some work arounds like having two identical shapes floated
>together some how.

The reason is that the first level of CSS Shapes only applies to floats,
and we don’t want to change floats so much that they become more
complicated than they already are. Floats only wrap around one side.
Adding a shape doesn’t change that, it only changes the contours of that

CSS Exclusions will allow for wrapping around both sides of an element:


>Section 4, Shapes from Image, seems complicated to get right, but if the
>experts are confident of implementations then I look forwards to seeing
>the clever tricks it could allow :)
>I didn't understand the point of Section 5.  It seems to just reiterate
>the CSS box model, and doesn't show how to use (for example) the
>border-radius to work with wrapping.  At most it seems to warrant a
>comment in the current section 6.  Also, does the
> inability to wrap around both sides of a shape affect the box model, if
>the box is /not/ a float?

I agree that I should add an example showing wrapping around one or more
of the <box> values. The main use case is to allow wrapping around an
element with border-radius defined. Currently, you can add border-radius
to a float, but that does not affect the wrapping behavior (it will still
wrap around the square-corner margin box). If you add
shape-outside:border-box to the float, then content will wrap tightly to
the rounded-corner border. Or if you add shape-outside:margin-box to the
float, then content will wrap around the rounded-corner edge of the margin

Thanks again,


Received on Monday, 9 December 2013 17:01:23 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 19:35:47 UTC