How do I "shadow" or "outline" text? [Archive]

CJScats

04-07-2005, 04:38 PM

This is a really basic question, but I've been looking all over and can't find the answer.

What I need to do is this: I need to use color #660000 as the primary color for 3 words. Then I need to outline or shadow it in black.

What are the commands?

Thanks in advance for any help!

Sanim

04-07-2005, 05:13 PM

There's a CSS attribute called "outline." Here's the code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test 4</title>
<style type="text/css">
.important_text {
outline-style: inherit;
outline-color: #000066;
outline-width: 1px;
}
.important_text_alt {
text-shadow: Teal;
}
</style>
</head>
<body>
<p><span class="important_text">TEXT</span></p>
<p><span class="important_text_alt">TEXT</span></p>
</body>
</html>

However, the outline and text-shadow attributes do not work in many browsers. It's best just to make the text in a graphic.