- From: Xianzhu Wang via GitHub <sysbot+gh@w3.org>
- Date: Thu, 10 Mar 2022 12:56:03 +0000
- To: public-css-archive@w3.org
wangxianzhu has just created a new issue for https://github.com/w3c/csswg-drafts: == [css-shapes] Should the shape be rounded with shape-outside:padding-box shape-margin:10px? == The current spec says: This defines a new shape that is the smallest contour (in the shrink-wrap sense) that includes all the points that are the shape-margin distance outward in the perpendicular direction from a point on the underlying shape. For ``` <div style="width: 100px; height: 100px; float: left; shape-outside: padding-box; border: 50px solid yellow; shape-margin: 40px"></div> ... a lot of text ``` According to the spec, the div should create a 100x100 rectangle with rounded corners with radius=40. This picture contains the rendered result with non-rounded rect (in Firefox) or rounded rect (in Chrome content_shell with a patch for https://crbug.com/1305037). <img width="320" alt="Screen Shot 2022-03-10 at 6 53 32 PM" src="https://user-images.githubusercontent.com/9256729/157647418-2c200244-fb56-4140-9c77-9288fd87e178.png"> I'm not sure which one is better, but the latter conforms to the current spec. WDYT? Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7127 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Thursday, 10 March 2022 12:56:07 UTC