スタイルシート：テキストにシャドウ（影）をつけるタグ

スタイルシート：テキストにシャドウ（影）をつけるタグ

　右も左もわからぬまま始めたmovabletype。最初はちんぷんかんぷんでしたが、いろいろいじっているうちにだんだんと仕組みがわかってきました。こういうのはいたって合理的にできているはずなので、外国語の勉強に比べるとずっと楽（中国語を勉強し始めてすでに十年以上になるのだけど、私は未だに“了”のことがわからない）。一度原理原則をつかむとあとはそれに従えっていけばなんとかなるみたい。
　この間、あるサイトを見ていて不思議な現象に遭遇。そのサイトはブログなのですが、記事のタイトル文字にすべてシャドウが入っているのです。「この人はもしかして、タイトルをすべて画像で処理してるのか」、と最初は驚いたのですが、よく見てみるとふつうのテキストなのです。ふつうのテキストになぜか影がついているんです。そんなタグがあるのかと思い、そのサイトのスタイルシートをのぞいてみると、

<text-shadow: 3px 3px 3px #gray;>

なるタグが書かれていました。

　みようみまねでうちのスタイルシートにも書いてみたら、なんとやはりテキストに影がつきました。影がついたからといって別にどうということはないのですが、影がつくこと自体がうれしかったので、上の画像の通り、私のサイトも記事のタイトルにも影がついています＾＾
　ただし影がつくのはSafari（1.2以上？）で見たときだけで、それ以外のブラウザだと普通のテキストとして表示されます（私の試した限り）。

【関連本】
HTML+CSS Handbook 2nd Edition
シャドウをつけるタグはこの本にものっていました。値段も手頃でボリューム感も満点です。手元においてるととても便利な本。→関連記事
「ホームページを『どう見せるか』『どうオリジナリティを表現するか』という点にこだわる人のために、HTMLとCSSの命令と記述法を辞典方式にまとめる。本文は日本語。100ページ以上追加した2002年刊の第2版。」