CSS Properties

text-shadow

This CSS property adds shadows to the text. It accepts the comma-separated list of shadows that applied to the text. It's default property is none. It applies one or more than one text-shadow effect on the element's text content.

Syntax:

text-shadow: h-shadow v-shadow blur-radius color| none | initial | inherit;

Values:

• h-shadow: It is the required value. It specifies the position of the horizontal shadow and allows negative values.
• v-shadow: It is also the required value that specifies the position of the vertical shadow. It does not allow negative values.
• blur-radius: It is the blur-radius, which is an optional value. Its default value is 0.
• color: It is the color of the shadow and also an optional value.
• none: It is the default value, which means no shadow.
• initial: It is used to set the property to its default value.
• inherit: It simply inherits the property from its parent element.

Example:

h1{
text-shadow : 2px 2px 5px red;
}