[@johanneslumpe/styled-props](../README.md) > ["utils/masking/clipPath"](../modules/_utils_masking_clippath_.md) > [ClipPathProps](../interfaces/_utils_masking_clippath_.clippathprops.md)

# Interface: ClipPathProps

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

**ClipPathProps**

## Index

### Properties

* [style$ClipPath](_utils_masking_clippath_.clippathprops.md#style_clippath)

---

## Properties

<a id="style_clippath"></a>

###  style$ClipPath

**● style$ClipPath**: *`T`*

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

The `**clip-path**` CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.

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

___