Text Shadow

文字に影を付ける。Internet Explorer 6.0、Opera 9.52、Safari 3.1で動作確認。

text-shadow: 0 0 0.5em #ff0000;
filter: glow(color=#ff0000);
height: 100%;

Firefox 3.0だと動作しない。3.1以降の実装になるらしい。

heightはいっけん無意味のようだが、IEの場合これがないと動作しない。*1IEは4.0以来のいちはやい実装だが、filterなる独自プロパティで互換性なし。

実際にやってみた

ここのブログタイトルで。
Firefox 3.1は未確認。IEのfilterプロパティは背景イメージをいちいち作り直すらしく、ここのjpegだとえらく汚くなるのでプロパティを外した。

*1:position:absoluteやfloat:leftなどで代用可。