react-native-macos/docs/text-style-props.md

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

- [`textShadowOffset`](docs/text-style-props.html#textshadowoffset)
- [`color`](docs/text-style-props.html#color)
- [`fontSize`](docs/text-style-props.html#fontsize)
- [`fontStyle`](docs/text-style-props.html#fontstyle)
- [`fontWeight`](docs/text-style-props.html#fontweight)
- [`lineHeight`](docs/text-style-props.html#lineheight)
- [`textAlign`](docs/text-style-props.html#textalign)
- [`textDecorationLine`](docs/text-style-props.html#textdecorationline)
- [`textShadowColor`](docs/text-style-props.html#textshadowcolor)
- [`fontFamily`](docs/text-style-props.html#fontfamily)
- [`textShadowRadius`](docs/text-style-props.html#textshadowradius)
- [`includeFontPadding`](docs/text-style-props.html#includefontpadding)
- [`textAlignVertical`](docs/text-style-props.html#textalignvertical)
- [`fontVariant`](docs/text-style-props.html#fontvariant)
- [`letterSpacing`](docs/text-style-props.html#letterspacing)
- [`textDecorationColor`](docs/text-style-props.html#textdecorationcolor)
- [`textDecorationStyle`](docs/text-style-props.html#textdecorationstyle)
- [`writingDirection`](docs/text-style-props.html#writingdirection)






---

# Reference

## Props

### `textShadowOffset`



| Type | Required |
| - | - |
| object: {width: number,height: number} | No |




---

### `color`



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




---

### `fontSize`



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




---

### `fontStyle`



| Type | Required |
| - | - |
| enum('normal', 'italic') | No |




---

### `fontWeight`

Specifies font weight. The values 'normal' and 'bold' are supported for
most fonts. Not all fonts have a variant for each of the numeric values,
in that case the closest one is chosen.

| Type | Required |
| - | - |
| enum('normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900') | No |




---

### `lineHeight`



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




---

### `textAlign`

Specifies text alignment. The value 'justify' is only supported on iOS and
fallbacks to `left` on Android.

| Type | Required |
| - | - |
| enum('auto', 'left', 'right', 'center', 'justify') | No |




---

### `textDecorationLine`



| Type | Required |
| - | - |
| enum('none', 'underline', 'line-through', 'underline line-through') | No |




---

### `textShadowColor`



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




---

### `fontFamily`



| Type | Required |
| - | - |
| string | No |




---

### `textShadowRadius`



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




---

### `includeFontPadding`

Set to `false` to remove extra font padding intended to make space for certain ascenders / descenders.
With some fonts, this padding can make text look slightly misaligned when centered vertically.
For best results also set `textAlignVertical` to `center`. Default is true.


| Type | Required | Platform |
| - | - | - |
| bool | No | Android  |




---

### `textAlignVertical`



| Type | Required | Platform |
| - | - | - |
| enum('auto', 'top', 'bottom', 'center') | No | Android  |




---

### `fontVariant`



| Type | Required | Platform |
| - | - | - |
| array of enum('small-caps', 'oldstyle-nums', 'lining-nums', 'tabular-nums', 'proportional-nums') | No | iOS  |




---

### `letterSpacing`



| Type | Required | Platform |
| - | - | - |
| number | No | iOS  |




---

### `textDecorationColor`



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




---

### `textDecorationStyle`



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




---

### `writingDirection`



| Type | Required | Platform |
| - | - | - |
| enum('auto', 'ltr', 'rtl') | No | iOS  |