text-shadow property
What it does:
This property controls horizontal text alignment.
HTML Equivalent:
None
Values:
none: No shadow effects
(shadow effects): Given as x/y offsets along with shadow color and blur radius.
(shadow color): Can go either at the end or beginning of the syntax (below). Gives the shadow a color. If no color is specified, the value of the 'color' property is used.
(shadow offset): A pair of values indicating x and y offset from the original text. The first value specifies horizontal distances (positive=right, negative=left), and the second value specifies vertical distances (positive=down, negative=up)
(blur radius): A value indicating how far the blur will spread
Putting it together (syntax):
class {text-shadow: shadow-color x-offset y-offset blur-radius, shadow-color x-offset y-offset blur-radius}
Example:
External Style Sheet: .contents {text-shadow: black 2px 2px 5px, white -3px -3px;}
In-line: <p style="text-shadow: orange 3px 3px 2px, black -4px -4px">
CSS Properties: Contents
|
::Fonts font-style font-weight font-family color |
::Text text-align text-decoration text-transform text-shadow |
::Backgrounds background-color background-image background-repeat background-attachment |
| ::Scrollbars | ::Dimensions | ::Margins and Padding |
|
::Borders Border Border-width Border-style |