Safari専用のCSS「text-shadow」

文字サイズ変更：

現在の文字サイズ：

Top > Apple , CSS , Browser , Web > Safari専用のCSS「text-shadow」

Safari 3 パブリックベータも何度かアップデートされたようで、ほんの少しはマシになってきました。

無論、まだまだ実用レベルにはほど遠いですが。

ところで、すっかり忘れていたのですが、このブログでは各エントリーのタイトルにSafari専用のCSSであるtext-shadowを使っています。文字に影をつけることが出来るものです。

上の画像を見れば、「上海では～」のタイトル部分に影が付いていることがわかると思います。

指定したCSSは次の通り。

h2.head-title {
	text-shadow: #999 3px 3px 3px;
}

text-shadow: 色横位置縦位置ぼかし範囲;という形。

一々画像を使わなくても簡単に綺麗な影がつけられるので、FirefoxやIEでも実装してくれるといいのですが･･･。

それにしても、Safariは文字が見やすくていいですね。私はWindows XPに無理矢理改造版のメイリオを入れて使えるようにしていますが、やっぱりちょっと見にくいのでFirefoxなどでもこういうフォントが使えればと思う次第です。

Tags : Apple , CSS , Browser , Web
Posted by r on 2007年06月24日 10:59 edit

このエントリーのトラックバックURL:

text-shadowプロパティは、CSS2.1の勧告草案では削除されているんですよね。
また、CSS3 Text Moduleの最新版（Text Effects Module）では、定義が取りやめとなっているみたいです。
ということで、将来的にはおそらく使えないプロパティになっていると思います。

2007年06月24日 11:44

そうですか･･･仕方がないですね･･･。
まあ利用者もほとんどいないでしょうし、日本では現状で一般的あろうＭＳＰゴシックなどには使えませんしね。

2007年06月24日 11:51

text-shadowプロパティはCSS3 Text Moduleの最新版から
定義が取りやめとなったのではなく
旧モジュール名Text Effects Moduleから
新モジュール名CSS Text Level 3 に2007年3月6日公開版で
モジュール名変更になったのでは？

2007年10月22日 00:46

コメントする

メールアドレスの入力は必須となっていますが、公開されることはありません。
URLは投稿者名からリンクが張られます。

また、短すぎるコメントはスパムと判断される恐れがあるのでご注意下さい。