css.properties

shape-outside

Wraps text around a custom shape.

Formal Syntax

shape-outside = none | [ <basic-shape> || <shape-box> ] | <image> <shape-box> = <visual-box> | margin-box | half-border-box <image> = <url> | <image()> | <image-set()> | <cross-fade()> | <element()> | <gradient>

See specification

JavaScript Access

// Access via element.style element.style.shapeOutside = "none";

Browser Support

standard | MDN · Spec

FeatureChromeFirefoxSafariEdge
shape-outside376210.179
border-box376210.179
circle376210.179
content-box376210.179
gradient376210.179
image376210.179
inset376210.179
margin-box376210.179
none376210.179
padding-box376210.179
path
polygon376210.179

Related Properties