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 | nav-down property
- CSS | right Property
- CSS | top Property
- CSS | all Property
- CSS | nav-right property
- CSS | content Property
- CSS | filter Property
- CSS | tab-size Property
- HTML | DOM URL Property
- HTML | DOM dir Property
- CSS | column-gap Property
- HTML | DOM id Property
- Web API | DOMRectReadOnly x 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.
