Text Shadow in CSS

Previous Next

Home >> CSS >> CSS Basic >> Text Shadow in CSS

The text-shadow Property

The text-shadow property adds a shadow to the text. It takes four values. The first value tells distance in the horizontal direction X. The second value tells distance in the vertical direction Y. The third value tells the amount of Blur. The fourth value tells Color.

Syntax:-

Its syntax is:-

< style >

element{

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

}

< /style >

Further Explanation:-

Value	Description
h-shadow	Required. The position of the horizontal shadow.
v-shadow	Required. The position of the vertical shadow.
blur-radius	Optional. The blur radius.
color	Optional. The color of the shadow.
none	No shadow.
initial	Sets this property to its default value.
inherit	Inherits this property from its parent element.

Code Explanation

All Tutorials related to CSS Basic

CSS Syntax ID and CLASS Selectors Descendant Selectors Comments Inheritance Font Family Font Size Font Style Font Weight Font Variant Color Text Align Vertical Text Align Text Decoration Text Indent Text Shadow Text Transform Letter Spacing Word Spacing White Spacing

All Sections related to CSS

CSS Intro CSS Intro Quiz CSS Intro Exercise CSS Basic CSS Basic Quiz CSS Basic Exercise CSS Advance CSS Advance Quiz CSS Advance Exercise CSS3 CSS3 Quiz CSS3 Exercise CSS Properties CSS Functions CSS Selectors