CSS Text-Shadow Property

CSS 1

CSS 2

CSS 3
No Yes Yes

Description

This property accepts a comma-separated list of shadow effects to be applied to the text of the element. <shadow> is defined as [ <color> <length> <length> <length> | <length><length><length> <length> <length> <length> <color> ], where the first two lengths represent the offset and the third an optional blur radius. The shadow is applied to all of the element's text as well as any text decoration applied to it.

Syntax

text-shadow: [value1] [value2] ...

Possible values

  • none
  • [shadow]
  • [color]

Initial Value

none

Applies To

All elements and generated content

Inherited

Yes

Media

Visual

Example

.class {
  text-shadow: 1px 1px 1px #ccc;
}

View All CSS Properties