タグ

ブックマーク / builder.japan.zdnet.com (1)

  • 文字にドロップシャドウの効果をつける--FirefoxとSafariのCSS対応 - builder by ZDNet Japan

    text-shadowプロパティを利用すると、文字に影をつけて表示することができる。これまではSafariが対応しているだけだったが、Firefox 3.1(アルファ版)とOpera 9.5が対応した。 また、Firefox 3.1(アルファ版)は連載の「ボックスにドロップシャドウの効果をつける」で紹介したbox-shadowプロパティにも対応したので、それについても紹介したい。 文字に影をつけて表示する text-shadowはCSS 2で定義されたプロパティだが、CSS 2.1では削除され、CSS 3のTextで復活している。 text-shadowプロパティで文字に影をつけて表示するには、次のような形で4つの値を指定する。 text-shadow: [横方向のオフセット] [縦方向のオフセット] [ぼかしの半径] [影の色] たとえば、赤色の文字にグレーの影をつけると次のように表示

    文字にドロップシャドウの効果をつける--FirefoxとSafariのCSS対応 - builder by ZDNet Japan
  • 1