影・文字・スタイルシート・ホームページ作成

ホームページ作成の後

検索エンジン対策(SEO)
検索エンジン集
相互リンクを増やす
アフィリエイト
ページ作成時必須ツール
インターネット便利ツール
おすすめの本
広告を出す

その他

ホームページ作成(気楽版)
アフィリエイト(詳細版)
管理人コラム
レンタルサーバー比較初心者
メルマガバックナンバー
無料レポート、無料冊子
顔文字無料辞書
ホームページ(サイト)マップ
検索エンジンWorldSearch
運営者情報

リンク集

簡単相互リンク
相互リンクモスト

リンクについて
相互リンク・リンク集系
情報・ショップ系 2 3
法律・生活系
ビジネス・お小遣い系 2
趣味・地域情報系
コンピュータ・ネット系 2
美容・健康・女性系 2

ドロップシャドウフィルタ(シャープな影)

フィルタ名dropshadow(属性値);
属性値color=影の色　offX=横方向のずれ具合　offY=縦方向のずれ具合

ドロップシャドウフィルタを使うにはフィルタ名にdropshadow()を指定します。

属性はなくてもＯＫですが、colorで影の色、offXで横のずれ、offYで縦のずれを指定できます。

また影、発光、ぶれなどのフィルタを使う場合は、それらのスペースを確保しておく必要があります。スペースがないと影が切れます。

padding-bottom:ptなど;を付け足してスペースを確保しておきます。

表示例

シャープな影がついています。属性値指定なし。

color=red,offX=3pt,offY=3ptを指定。

ソース例　スタイル部分のみ

<span style="width:100%; filter:dropshadow();">
シャープな影がついています。属性値指定なし。
</span>

<span style="padding-bottom:3pt; width:100%; filter:dropshadow(color=red,offX=3pt,offY=3pt);">
color=red,offX=3pt,offY=3ptを指定。
</span>

＜＜　「ぼかしフィルタ」へ　　　　「シャドウフィルタ」へ　＞＞

ホームページ作成とHTML＞＞スタイルシートの書き方講座＞＞ドロップシャドウフィルタ