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

Re: [css-round-display] Request for first review the css-round-display

From: Alan Stearns <stearns@adobe.com>
Date: Mon, 20 Jul 2015 22:48:18 +0000
To: Soonbo Han <soonbo.han@lge.com>, 'Florian Rivoal' <florian@rivoal.net>
CC: 'Hyojin Song' <hyojin22.song@lge.com>, 'www-style' <www-style@w3.org>
Message-ID: <D201D994-92C5-4592-8D78-1F681F49AF0A@adobe.com>
On 7/16/15, 6:00 PM, "Soonbo Han" <soonbo.han@lge.com> wrote:

>> -----Original Message-----
>> From: Alan Stearns [mailto:stearns@adobe.com]
>> Sent: Thursday, July 09, 2015 7:20 AM
>> To: Florian Rivoal; Soonbo Han
>> Cc: Hyojin Song; www-style
>> Subject: Re: [css-round-display] Request for first review the css-round-
>> display
>> 
>> On 7/6/15, 3:12 AM, "Florian Rivoal" <florian@rivoal.net> wrote:
>>
>> >As I understand it, the parent's shape-inside property affects the
>> >positioning and length of the child element's line boxes, but does not
>> >change the shape of the border. It is not clear to me whether it 
>>affects
>> >the position of the border: in an example like [3], would the border 
>>line
>> >up with the green line (content edge), the solid blue line
>> >(shape-inside), or the dashed blue line (shape-padding)? The dashed 
>>blue
>> >line in the figure you linked to [2] represents the shape-inside, but I
>> >would expect the border in this situation to be the same rectangular
>> >shape as usual, and that border-boundary:parent is what we would use to
>> >shape the border.
>> 
>> As originally conceived, shape-inside does nothing to the border. The 
>>blue
>> lines in figures 1 and 2 are merely showing the layout constraints added
>> by shape-inside and shape-padding. I think changing the shape of the
>> border should be limited to border-* properties.
>> 
>
>Then, what do you think about adding a new value (e.g., 'shape') to the 
>border-boundary property to draw the border of an element according to 
>the value of its shape-inside property?

We should probably add two keywords: shape-outside and shape-inside. 

But shape-inside sets the contours of the content area, and normally I’d 
expect the border would be drawn out from the shape-inside edge (so the 
border doesn’t collide with the content). For the round display case I 
think you want the shape-inside to define the edges of the display, so 
you’d want the border to be drawn from the shape-inside edge inward. In 
this case the content area should be further reduced to account for the 
border. I’m not sure how to reconcile these two cases.

Thanks,

Alan
Received on Monday, 20 July 2015 22:48:48 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 22:52:18 UTC