shape-outside: none | [ <basic-shape> || <shape-box> ] | <image>
shape-margin: <length> | <percentage>
|none||A value of |
none means that the float area (the area that is used for wrapping content around a float element) is unaffected. This is the default/initial value.
|basic-shape||Refers to one among |
polygon(). Using one of these functions and its values the shape is defined.
|shape-box||Refers to one among |
content-box. When only <shape-box> is provided (without <basic-shape>) this box is the shape. When it is used along with <basic-shape>, this acts as the reference box.
|image||When an image is provided as value, the shape is computed based on the alpha channel of the image specified.|
Browser support for the CSS Shapes module is very limited at this point in time.
It is supported in Chrome v37+ and Opera 24+ without browser/vendor prefixes. Safari supports it from v7.1+ but with the
It is not yet supported in IE, Edge and Firefox.
This modified text is an extract of the original Stack Overflow Documentation created by following contributors
and released under CC BY-SA 3.0