text-shadowプロパティはテキストとtext-decorationに対して影を1つもしくは複数つけられるプロパティだ。もともとはCSS2で定義されたものの、ブラウザーの実装が進まなかったためCSS 2.1でいったん削除され、CSS3のtext-moduleとして復活した。 text-shadowはCSS3の中でもっとも基本的なプロパティの1つと考えられているが、アイデア次第で大きな効果を得られるプロパティでもある。今回のCSS3道場は、text-shadowを使ってリッチな「見出し」をデザインしてみよう。なお、text-shadowはほとんどのモダンブラウザーに実装されているが、残念ながらInternet Explorer 9 ベータ版ではサポートされていない。 今回のお手本
![text-shadowで作る「見出し」デザインのアイデア (1/4)](https://cdn-ak-scissors.b.st-hatena.com/image/square/6f182fdcf6ff200bb90121d0c23ab7c9dd90291f/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2011%2F01%2F18%2F286961%2Fl%2F243c300f4d8c91f6.jpg)