The text-shadow property (CSS Reference)
Introduction
The text-shadow property can be used to apply a shadow
effect on the characters in a text. You can set which color the shadow should
have with color value. See the value section for more details.
Note: Please check if the browser you're targeting supports this property yet. Many don't, at the time of
publishing.
Example
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>text-sadow
Demonstration</title>
<style type="text/css">
p.shadow
{
text-shadow: 0px
0px 30px silver, 0px 0px 20px black, grey 10px -10px;
}
</style>
</head>
<body>
<h1><p>text-shadow
demonstration</p></h1>
<p class="shadow">This is some text. We are
using the text-shadow property here. Unfortunaly it is not supported till yet
by any browser.</p>
</body>
</html>
Values
|
Name:
|
Description:
|
|
color
|
This value specifies the color of the shadow
|
|
length length length
|
These values define some variables to specify the length
of the shadow.
The first value is used to specify the horizontal length for the right or
left that the shadow will extend.
The second value is used to specify the vertical length
above or below that the shadow will extend.
The third value is optional and specifies the radius of
the length that a blur effect will extend.
Each of these values can be defined with one of the following values.
cm (centimeter)
em (ems)
inch (inches)
mm (millimeters)
pc (picas)
px (pixels)
pt (points)
|
|
Email TopXML