Firefox 3.5のCSS新対応:text-shadow、-moz-box-shadow、-moz-border-image、-moz-column-rule

エ・ビスコム・テック・ラボ
2009-08-24 15:42:01
  • このエントリーをはてなブックマークに追加

ボックスに影をつける -moz-box-shadow

 box-shadowプロパティをサポートしたことにより、ボックスに影をつけることができるようになった。ただし、box-shadowにはベンダープレフィックス「-moz-」をつけて記述する。

 たとえば、次のサンプルではオレンジ色のボックスにグレーの影をつけて表示している。

Firefox 3.5の表示 Firefox 3.5の表示
div{
background-color: orange;
-moz-box-shadow: 10px 10px 10px gray;
}
ブラウザで表示を確認する

 なお、box-shadowプロパティはCSS 3の草案「Backgrounds and Borders Module」で提案されている。

参照記事

このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。 これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。
Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。
[ 閉じる ]