[@johanneslumpe/styled-props](../README.md) > ["utils/shapes/shapeOutside"](../modules/_utils_shapes_shapeoutside_.md) > [ShapeOutsideProps](../interfaces/_utils_shapes_shapeoutside_.shapeoutsideprops.md)

# Interface: ShapeOutsideProps

## Type parameters
#### T 
## Hierarchy

**ShapeOutsideProps**

## Index

### Properties

* [style$ShapeOutside](_utils_shapes_shapeoutside_.shapeoutsideprops.md#style_shapeoutside)

---

## Properties

<a id="style_shapeoutside"></a>

###  style$ShapeOutside

**● style$ShapeOutside**: *`T`*

*Defined in [utils/shapes/shapeOutside.ts:12](https://github.com/johanneslumpe/styled-props/blob/8e709f1/src/utils/shapes/shapeOutside.ts#L12)*

The **`shape-outside`** CSS property defines a shape—which may be non-rectangular—around which adjacent inline content should wrap. By default, inline content wraps around its margin box; `shape-outside` provides a way to customize this wrapping, making it possible to wrap text around complex objects rather than simple boxes.

*__see__*: [https://developer.mozilla.org/docs/Web/CSS/shape-outside](https://developer.mozilla.org/docs/Web/CSS/shape-outside)

___