CSSでテキストにドロップシャドウをかける - アップル - eNews Web - Tips & TricksCSSには、文字にスタイルを与えるためのさまざまな定義が用意されています。その中には、Safariのみが先行して実装しているものもあります。それが「テキストのドロップシャドウ」です。見出しのテキストなどでドロップシャドウを使用したい場合、通常ならばPhotoshopなどで影をつけてグラフィック化しますが、CSSを使えば文字としての属性を損なうことなくドロップシャドウを利用できます。現在のところCSSでドロップシャドウを再現できるのはSafariのみですが、非対応のブラウザでは通常のテキストとして表示されますので、Webサイトの更新作業や修正作業にぜひご活用ください。 1.外部スタイルシートでテキストのドロップシャドウを指定する テキストのドロップシャドウは、以下のように記述します。 text-shadow: 4px 4px #999999 「text-shadow:」の後の1つめの
