CSS Shapes allows one to specify a geometric "shape-outside" for a float. Content will wrap around the float's shape-outside, instead of its rectangular boundary. The shape-outside property can be specified with a geometric primitive, like an ellipse or a polygon, or by the pixels of an image's alpha channel whose values are greater than shape-image-threshold. A shape-outside's boundary can be uniformly expanded with the shape-margin property.




Working draft or equivalent

Status in Chromium


Enabled by default (tracking bug) in:

  • Chrome for desktop release 37

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.



Rossen Atanassov from Microsoft is co-editor of the spec.

Last updated on 2020-11-19