# text-stroke-color property

The `text-stroke-color` property specifies an outline or stroke color of text characters.

## Syntax

`selector { text-stroke-color: color; }`

## Example

Let's give our text characters an orange stroke:

`<p> Text </p>` `body { width: 200px; height: 100px; } p { -webkit-text-stroke-color: orange; text-stroke-color: orange; -webkit-text-stroke-width: 1px; color: white; padding: 10px; font-size: 30px; font-weight: bold; font-family: Arial; }`

:

## See also

- the `text-fill-color` property
  that sets a fill color for text characters
- the `text-stroke` property
  that sets a text stroke
- the `text-stroke-width` property
  that sets a text stroke width

← →
↑
en ru