There is currently no text-outline
property in CSS. You can (sort of) do an outline using the text-shadow
property by setting the x
and y
offsets to 0
and the blur-radius
to 1px
. The problem is it’s not opaque enough.
You can, however, apply multiple text-shadow
filters. If you add enough you can get sufficent opacity. Here’s an example:
text-shadow: 0px 0px 1px #FFFFFF,
0px 0px 1px #FFFFFF,
0px 0px 1px #FFFFFF,
0px 0px 1px #FFFFFF,
0px 0px 1px #FFFFFF,
0px 0px 1px #FFFFFF,
0px 0px 1px #FFFFFF,
0px 0px 1px #FFFFFF;
Tim Bennett is a Leeds-based web designer from Yorkshire. He has a First Class Honours degree in Computing from
Leeds Metropolitan University and currently runs his own one-man web design company, Texelate.