Search the blog

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.