発光しているように表示
ＩＥのフィルタ処理
画像やテキストに特殊効果を設定することができます。
Internet Explorer 4.0以上 と Internet Explorer 5.5以上 で表示可能なフィルタがあります。
Internet Explorer 4.0以上 と Internet Explorer 5.5以上 で表示可能なフィルタがあります。
９ ブレをつける
１１ ウェーブをかける
４ 影をおとす
５ 発光しているように表示
１３ グレースケールで表示
１４ 色を反転させる
１５ X線フィルタをかける
８ マスクをかける
１６ グラデーションをかける
画像やテキスト 発光しているように表示
使うＨＴＭＬタグは
filter:glow(★) ＩＥ4.0以上対応
または
filter:progid:DXImageTransform.Microsoft.Glow(★) ＩＥ5.5以上対応
★は 次の値を指定します
color 発光の色
strength 発光の強さ （ 1 ～ 255 ）
数値が大きいほど強くなります。
画像やテキストの縁から外向きに発光しているような効果を表現することができます。
複数の値を指定する場合は 半角のカンマ（ , ）で区切ります。
画像
と テキストに指定してみましょう
２行目へ指定したＨＴＭＬタグ
画像の例
枠線表示
<P style="width:200px;height:150px;border:1px blue solid;padding:20px;text-align:left;filter:glow(color=#ffff00,strength=10);">
<IMG SRC="http://plaza.rakuten.co.jp/img/user/75/61/3347561/223.jpg" width="150" height="100" alt="炎">
</P>
枠線非表示
<P style="width:200px;height:150px;padding:20px;text-align:left;filter:glow(color=#ffff00,strength=10);">
<IMG SRC="http://plaza.rakuten.co.jp/img/user/75/61/3347561/223.jpg" width="150" height="100" alt="炎">
</P>
テキストの例
枠線表示
<P style="width:200px;height:150px;border:1px blue solid;padding:20px;text-align:left;filter:glow(color=#ffff00,strength=10);">
color=#ffff00<BR><BR>strength=10
</P>
枠線非表示
<P style="width:200px;height:150px;padding:20px;text-align:left;filter:glow(color=#ffff00,strength=10);">
color=#ffff00<BR><BR>strength=10
</P>
使うＨＴＭＬタグは
filter:glow(★) ＩＥ4.0以上対応
または
filter:progid:DXImageTransform.Microsoft.Glow(★) ＩＥ5.5以上対応
★は 次の値を指定します
color 発光の色
strength 発光の強さ （ 1 ～ 255 ）
数値が大きいほど強くなります。
画像やテキストの縁から外向きに発光しているような効果を表現することができます。
複数の値を指定する場合は 半角のカンマ（ , ）で区切ります。
画像
と テキストに指定してみましょう２行目へ指定したＨＴＭＬタグ
画像の例
枠線表示
<P style="width:200px;height:150px;border:1px blue solid;padding:20px;text-align:left;filter:glow(color=#ffff00,strength=10);">
<IMG SRC="http://plaza.rakuten.co.jp/img/user/75/61/3347561/223.jpg" width="150" height="100" alt="炎">
</P>
枠線非表示
<P style="width:200px;height:150px;padding:20px;text-align:left;filter:glow(color=#ffff00,strength=10);">
<IMG SRC="http://plaza.rakuten.co.jp/img/user/75/61/3347561/223.jpg" width="150" height="100" alt="炎">
</P>
テキストの例
枠線表示
<P style="width:200px;height:150px;border:1px blue solid;padding:20px;text-align:left;filter:glow(color=#ffff00,strength=10);">
color=#ffff00<BR><BR>strength=10
</P>
枠線非表示
<P style="width:200px;height:150px;padding:20px;text-align:left;filter:glow(color=#ffff00,strength=10);">
color=#ffff00<BR><BR>strength=10
</P>
| 画像に指定 |
テキストに指定 |
|
|---|---|---|
|
無指定
上 枠線表示 下 枠線非表示 |
|
無指定 無指定 |
|
color=#ffff00
strength=10 上 枠線表示 下 枠線非表示 |
|
color=#ffff00 color=#ffff00 |
|
color=#ff0000
strength=20 上 枠線表示 下 枠線非表示 |
|
color=#ff0000 color=#ff0000 |
© Rakuten Group, Inc.
