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.
Specification currently under development in a Working Group
Status in Chromium
Enabled by default
Consensus & Standardization
Last updated on 2020-11-19