Can I make an outline around text in html?

C

Circle C

New member
I do not mean a box around a line of text, but to have each individual letter have its shape traced around with a different color than the text so that it is readable on any background.
Or an out-of-focus drop-shadow, or otherwise something that generally emulates the shape of the text without having this exact box shape around the text, or having to create a special table for the text to sit in.
I want to add a contrasting color around the text so that it remains visible on any background.
 
No, not exactly, not in standard html. If it suits your needs, you could use the "highlight" attribute to, say, use white text on a black background:

<FONT
color="white" style="BACKGROUND-COLOR: black">next </FONT>

The downside? It's ugly.

Alternatively, I recommend making the text into a graphic and using the graphic editor's built-in outline or shadow text properties. A .png will allow for a transparent background if that setting is applied. This would achieve what you want I think. Of course, you would have to know how to use the graphics program. example: Photoshop.

A key downside to using graphics for text is that it's bad for "search engine optimization" -- Google won't know what's in the text and that's a key way it decides where to place your page in search results. You could, however, minimize this damage by making the text appear in the images alt="..." attribute.

Or, you could do everything in a pdf and apply the attribute that way.

It's hard to recommend the alternative to html without knowing exactly what utility the text is serving.
 
Back
Top