Web Platform Team Blog

Adobe

decor

Making the web awesome

CSS Shapes in Last Call

Note: CSS Shapes syntax has changed. For the latest information, see CSS Shapes Module Level 1.

The CSS Working Group published a Last Call Working Draft of CSS Shapes Module Level 1 yesterday.¬†This specification describes how to assign an arbitrary shape such as a circle or polygon to a float and to have inline content wrap around the shape’s contour, rather than the boring old float rectangle.

A Last Call draft is the signal that the working group thinks the specification is nearly done and ready for wider review. If the review (which has a deadline of January 7th, 2014) goes well, then the spec goes on to the next step. At that point, the W3C invites implementations in order to further validate the specification. We at Adobe have been implementing CSS Shapes in WebKit and Blink for a while, but this milestone opens the door for more browsers to take up the feature.

This means that 2014 will be the year you’ll see CSS Shapes show up in cutting-edge browsers. The effort then moves to making sure these implementations all match, and that we have a good set of tests available to show interoperability. My hope is that by the end of next year, you’ll be able to use shapes on floats in many browsers¬†(with a fallback to the normal rectangle when needed).

Comments are closed.