Skip to content
Related Articles

Related Articles

Improve Article

CSS | text-shadow Property

  • Last Updated : 21 Apr, 2021

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: 
 

html




<!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>                   

Output: 
 

Supported Browsers: The browsers supported by text-shadow property are listed below: 
 

  • Google Chrome 4.0
  • Internet Explorer 10.0
  • Firefox 3.5
  • Opera 9.6
  • Safari 4.0

 

My Personal Notes arrow_drop_up
Recommended Articles
Page :