392 строки
4.5 KiB
Markdown
392 строки
4.5 KiB
Markdown
---
|
|
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 |
|
|
|
|
|
|
|
|
|
|
|
|
|