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-colorproperty
that sets a fill color for text characters -
the
text-strokeproperty
that sets a text stroke -
the
text-stroke-widthproperty
that sets a text stroke width