Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Intent to implement: CSS shape-outside property

221 views
Skip to first unread message

Ting-Yu Lin

unread,
Oct 14, 2016, 4:32:03 AM10/14/16
to dev-platform
*Summary*: CSS shape-outside property could be used on float element to
define a non-rectangular area like circle, ellipse, or arbitrary polygon
shape such that text or inline elements could flow around it. See Jen's demo
<http://labs.jensimmons.com/> for examples.

*Bug*: https://bugzilla.mozilla.org/show_bug.cgi?id=1098939

*Link to standard*:
https://drafts.csswg.org/css-shapes/#propdef-shape-outside

*Platform coverage*: All platforms

*Preference behind which this will be implemented*:
layout.css.shape-outside.enabled

*DevTools bug*: Shapes Editor tool
https://bugzilla.mozilla.org/show_bug.cgi?id=1242029

*Do other browser engines implement this? *Yes. Both Blink and Webkit
shipped this feature. http://caniuse.com/#feat=css-shapes

Tantek Çelik

unread,
Oct 14, 2016, 7:18:47 AM10/14/16
to Ting-Yu Lin, Jeremy Keith, dev-platform
This is great news! I've been hearing increasing web designer /
developer requests for this feature in particularly in the past couple
of months so it's really good to see some momentum here.

Thanks Ting-Yu Lin!

Tantek
> _______________________________________________
> dev-platform mailing list
> dev-pl...@lists.mozilla.org
> https://lists.mozilla.org/listinfo/dev-platform
0 new messages