# SpacingSetProps

**Kind:** Interface

Style props for the spacing of an element.

## Properties

### `margin?`

Type: `OptionalResponsiveProp<MarginProperty<Length>>`

Sets the margin area on all four sides of an element. It is a shorthand for `marginTop`, `marginRight`, `marginBottom`, and `marginLeft`.

### `marginBottom?`

Type: `OptionalResponsiveProp<MarginBottomProperty<Length>>`

Sets the margin area on the bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

### `marginLeft?`

Type: `OptionalResponsiveProp<MarginLeftProperty<Length>>`

Sets the margin area on the left of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

### `marginRight?`

Type: `OptionalResponsiveProp<MarginRightProperty<Length>>`

Sets the margin area on the right of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

### `marginTop?`

Type: `OptionalResponsiveProp<MarginTopProperty<Length>>`

Sets the margin area on the top of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

### `marginX?`

Type: `OptionalResponsiveProp<MarginProperty<Length>>`

Sets the margin area on the left and right of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

### `marginY?`

Type: `OptionalResponsiveProp<MarginProperty<Length>>`

Sets the margin area on the top and bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

### `padding?`

Type: `OptionalResponsiveProp<PaddingProperty<Length>>`

Sets the padding area on all four sides of an element. It is a shorthand for `paddingTop`, `paddingRight`, `paddingBottom`, and `paddingLeft`.

### `paddingBottom?`

Type: `OptionalResponsiveProp<PaddingBottomProperty<Length>>`

Sets the height of the padding area on the bottom side of an element.

### `paddingLeft?`

Type: `OptionalResponsiveProp<PaddingLeftProperty<Length>>`

Sets the width of the padding area on the left side of an element.

### `paddingRight?`

Type: `OptionalResponsiveProp<PaddingRightProperty<Length>>`

Sets the width of the padding area on the right side of an element.

### `paddingTop?`

Type: `OptionalResponsiveProp<PaddingTopProperty<Length>>`

Sets the height of the padding area on the top side of an element.

### `paddingX?`

Type: `OptionalResponsiveProp<PaddingProperty<Length>>`

Sets the width of the padding area on the left and right sides of an element.

### `paddingY?`

Type: `OptionalResponsiveProp<PaddingProperty<Length>>`

Sets the height of the padding area on the top and bottom sides of an element.