392 lines
4.6 KiB
Markdown
392 lines
4.6 KiB
Markdown
|
---
|
||
|
|
id: viewstyleproptypes
|
||
|
|
title: ViewStylePropTypes
|
||
|
|
layout: docs
|
||
|
|
category: APIs
|
||
|
|
permalink: docs/viewstyleproptypes.html
|
||
|
|
next: textstyleproptypes
|
||
|
|
previous: viewproptypes
|
||
|
|
---
|
||
|
|
### Props
|
||
|
|
|
||
|
|
- [`borderRightColor`](docs/viewstyleproptypes.html#borderrightcolor)
|
||
|
|
- [`backfaceVisibility`](docs/viewstyleproptypes.html#backfacevisibility)
|
||
|
|
- [`borderBottomColor`](docs/viewstyleproptypes.html#borderbottomcolor)
|
||
|
|
- [`borderBottomEndRadius`](docs/viewstyleproptypes.html#borderbottomendradius)
|
||
|
|
- [`borderBottomLeftRadius`](docs/viewstyleproptypes.html#borderbottomleftradius)
|
||
|
|
- [`borderBottomRightRadius`](docs/viewstyleproptypes.html#borderbottomrightradius)
|
||
|
|
- [`borderBottomStartRadius`](docs/viewstyleproptypes.html#borderbottomstartradius)
|
||
|
|
- [`borderBottomWidth`](docs/viewstyleproptypes.html#borderbottomwidth)
|
||
|
|
- [`borderColor`](docs/viewstyleproptypes.html#bordercolor)
|
||
|
|
- [`borderEndColor`](docs/viewstyleproptypes.html#borderendcolor)
|
||
|
|
- [`borderLeftColor`](docs/viewstyleproptypes.html#borderleftcolor)
|
||
|
|
- [`borderLeftWidth`](docs/viewstyleproptypes.html#borderleftwidth)
|
||
|
|
- [`borderRadius`](docs/viewstyleproptypes.html#borderradius)
|
||
|
|
- [`backgroundColor`](docs/viewstyleproptypes.html#backgroundcolor)
|
||
|
|
- [`borderRightWidth`](docs/viewstyleproptypes.html#borderrightwidth)
|
||
|
|
- [`borderStartColor`](docs/viewstyleproptypes.html#borderstartcolor)
|
||
|
|
- [`borderStyle`](docs/viewstyleproptypes.html#borderstyle)
|
||
|
|
- [`borderTopColor`](docs/viewstyleproptypes.html#bordertopcolor)
|
||
|
|
- [`borderTopEndRadius`](docs/viewstyleproptypes.html#bordertopendradius)
|
||
|
|
- [`borderTopLeftRadius`](docs/viewstyleproptypes.html#bordertopleftradius)
|
||
|
|
- [`borderTopRightRadius`](docs/viewstyleproptypes.html#bordertoprightradius)
|
||
|
|
- [`borderTopStartRadius`](docs/viewstyleproptypes.html#bordertopstartradius)
|
||
|
|
- [`borderTopWidth`](docs/viewstyleproptypes.html#bordertopwidth)
|
||
|
|
- [`borderWidth`](docs/viewstyleproptypes.html#borderwidth)
|
||
|
|
- [`opacity`](docs/viewstyleproptypes.html#opacity)
|
||
|
|
- [`elevation`](docs/viewstyleproptypes.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 |
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|