# AppearanceSetProps

**Kind:** Interface

Style props for the visual appearance of an element.

## Properties

### `backgroundColor?`

Type: `OptionalResponsiveProp<BackgroundColorProperty>`

Sets the background color of an element.

### `border?`

Type: `OptionalResponsiveProp<BorderProperty<Length>>`

Sets an element's border. It's a shorthand for `borderWidth`, `borderStyle`, and `borderColor`.

### `borderBottom?`

Type: `OptionalResponsiveProp<BorderBottomProperty<Length>>`

Sets the width, line style, and color for an element's bottom border.

### `borderColor?`

Type: `OptionalResponsiveProp<BorderColorProperty>`

Sets the color of all sides of an element's border.

### `borderLeft?`

Type: `OptionalResponsiveProp<BorderLeftProperty<Length>>`

Sets the width, line style, and color for an element's left border.

### `borderRadius?`

Type: `OptionalResponsiveProp<BorderRadiusProperty<Length>>`

Rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.

### `borderRight?`

Type: `OptionalResponsiveProp<BorderRightProperty<Length>>`

Sets the width, line style, and color for an element's right border.

### `borderStyle?`

Type: `OptionalResponsiveProp<BorderStyleProperty>`

Sets the line style for all four sides of an element's border.

### `borderTop?`

Type: `OptionalResponsiveProp<BorderTopProperty<Length>>`

Sets the width, line style, and color for an element's top border.

### `borderWidth?`

Type: `OptionalResponsiveProp<BorderWidthProperty<Length>>`

Sets the widths of all four sides of an element's border.

### `borderX?`

Type: `OptionalResponsiveProp<BorderProperty<Length>>`

Sets the width, line style, and color for an element's left and right borders.

### `borderY?`

Type: `OptionalResponsiveProp<BorderProperty<Length>>`

Sets the width, line style, and color for an element's top and bottom borders.

### `boxShadow?`

Type: `OptionalResponsiveProp<BoxShadowProperty>`

Adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread radii, and color.

### `opacity?`

Type: `OptionalResponsiveProp<GlobalsNumber | string>`

Sets the transparency of an element or the degree to which content behind an element is visible.