CSS | text-shadow Property
The text-shadow property in CSS is used to add shadows to the text. This property accepts a list of comma-separated list of shadows to be applied to the text. The default value of text-shadow property is none.
Syntax:
text-shadow: h-shadow v-shadow blur-radius color|none|initial| inherit;
Property values:
- h-shadow: It specifies the position of horizontal shadow
- v-shadow: It specifies the position of vertical shadow
- blur-radius: It is used to set the blur radius. It’s default value is none.
- color: It is used to set the color of the shadow
- initial: It is used to set text-shadow to its default value.
- inherit: This property is inherited from its parent.
Example:
<!DOCTYPE html> < html > < head > < title > CSS | text-shadow Property </ ttile > < style > h1 { text-shadow: 5px 5px 8px #00FF00; } </ style > </ head > < body > < h1 > GeeksforGeeks </ h1 > </ body > </ html > |
chevron_right
filter_none
Output:
Supported Browsers: The browsers supported by border-bottom-color property are listed below:
- Google Chrome 4.0
- Internet Explorer 10.0
- Firefox 3.5
- Opera 9.6
- Safari 4.0
Recommended Posts:
- HTML | DOM Style textShadow Property
- CSS | transition-property Property
- CSS | all Property
- CSS | right Property
- CSS | nav-up property
- CSS | nav-right property
- CSS | nav-down property
- CSS | top Property
- CSS | left Property
- CSS | cursor property
- CSS | clip Property
- CSS | transition Property
- CSS | perspective Property
- CSS overflow-y Property
- CSS | resize Property
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.