react-native/docs/view-style-props.md

---
id: view-style-props
title: View Style Props
layout: docs
category: APIs
permalink: docs/view-style-props.html
next: text-style-props
previous: view-props
---
### Props

- [`borderRightColor`](docs/view-style-props.html#borderrightcolor)
- [`backfaceVisibility`](docs/view-style-props.html#backfacevisibility)
- [`borderBottomColor`](docs/view-style-props.html#borderbottomcolor)
- [`borderBottomEndRadius`](docs/view-style-props.html#borderbottomendradius)
- [`borderBottomLeftRadius`](docs/view-style-props.html#borderbottomleftradius)
- [`borderBottomRightRadius`](docs/view-style-props.html#borderbottomrightradius)
- [`borderBottomStartRadius`](docs/view-style-props.html#borderbottomstartradius)
- [`borderBottomWidth`](docs/view-style-props.html#borderbottomwidth)
- [`borderColor`](docs/view-style-props.html#bordercolor)
- [`borderEndColor`](docs/view-style-props.html#borderendcolor)
- [`borderLeftColor`](docs/view-style-props.html#borderleftcolor)
- [`borderLeftWidth`](docs/view-style-props.html#borderleftwidth)
- [`borderRadius`](docs/view-style-props.html#borderradius)
- [`backgroundColor`](docs/view-style-props.html#backgroundcolor)
- [`borderRightWidth`](docs/view-style-props.html#borderrightwidth)
- [`borderStartColor`](docs/view-style-props.html#borderstartcolor)
- [`borderStyle`](docs/view-style-props.html#borderstyle)
- [`borderTopColor`](docs/view-style-props.html#bordertopcolor)
- [`borderTopEndRadius`](docs/view-style-props.html#bordertopendradius)
- [`borderTopLeftRadius`](docs/view-style-props.html#bordertopleftradius)
- [`borderTopRightRadius`](docs/view-style-props.html#bordertoprightradius)
- [`borderTopStartRadius`](docs/view-style-props.html#bordertopstartradius)
- [`borderTopWidth`](docs/view-style-props.html#bordertopwidth)
- [`borderWidth`](docs/view-style-props.html#borderwidth)
- [`opacity`](docs/view-style-props.html#opacity)
- [`elevation`](docs/view-style-props.html#elevation)






---

# Reference

## Props

### `borderRightColor`



| Type | Required |
| - | - |
| [color](docs/colors.html) | No |




---

### `backfaceVisibility`



| Type | Required |
| - | - |
| enum('visible', 'hidden') | No |




---

### `borderBottomColor`



| Type | Required |
| - | - |
| [color](docs/colors.html) | No |




---

### `borderBottomEndRadius`



| Type | Required |
| - | - |
| number | No |




---

### `borderBottomLeftRadius`



| Type | Required |
| - | - |
| number | No |




---

### `borderBottomRightRadius`



| Type | Required |
| - | - |
| number | No |




---

### `borderBottomStartRadius`



| Type | Required |
| - | - |
| number | No |




---

### `borderBottomWidth`



| Type | Required |
| - | - |
| number | No |




---

### `borderColor`



| Type | Required |
| - | - |
| [color](docs/colors.html) | No |




---

### `borderEndColor`



| Type | Required |
| - | - |
| [color](docs/colors.html) | No |




---

### `borderLeftColor`



| Type | Required |
| - | - |
| [color](docs/colors.html) | No |




---

### `borderLeftWidth`



| Type | Required |
| - | - |
| number | No |




---

### `borderRadius`



| Type | Required |
| - | - |
| number | No |




---

### `backgroundColor`



| Type | Required |
| - | - |
| [color](docs/colors.html) | No |




---

### `borderRightWidth`



| Type | Required |
| - | - |
| number | No |




---

### `borderStartColor`



| Type | Required |
| - | - |
| [color](docs/colors.html) | No |




---

### `borderStyle`



| Type | Required |
| - | - |
| enum('solid', 'dotted', 'dashed') | No |




---

### `borderTopColor`



| Type | Required |
| - | - |
| [color](docs/colors.html) | No |




---

### `borderTopEndRadius`



| Type | Required |
| - | - |
| number | No |




---

### `borderTopLeftRadius`



| Type | Required |
| - | - |
| number | No |




---

### `borderTopRightRadius`



| Type | Required |
| - | - |
| number | No |




---

### `borderTopStartRadius`



| Type | Required |
| - | - |
| number | No |




---

### `borderTopWidth`



| Type | Required |
| - | - |
| number | No |




---

### `borderWidth`



| Type | Required |
| - | - |
| number | No |




---

### `opacity`



| Type | Required |
| - | - |
| number | No |




---

### `elevation`

(Android-only) Sets the elevation of a view, using Android's underlying
[elevation API](https://developer.android.com/training/material/shadows-clipping.html#Elevation).
This adds a drop shadow to the item and affects z-order for overlapping views.
Only supported on Android 5.0+, has no effect on earlier versions.


| Type | Required | Platform |
| - | - | - |
| number | No | Android  |