サイト内検索

...スタイルシート(css)...

スタイルシート・フィルタ

へこませる

へこませるをかけるフィルタは、engraveプロパティを指定します。
[使い方]
[スタイルシート]
.sample{
filter: progid:dximagetransform.microsoft.engrave(bias=数値);
}
[bodyの中]
<img src="../img/sample.jpg" class="sample">
IEのみに対応しています。
[メモ]
プロパティprogidは、
W3C・CSS検証サービスでは、推奨されていません。
プロパティ名 説明
bias -1.0〜1.0 (0.7) 浮き上がる高さを指定します。
enabled 0/false (1)フィルタを実行しない。
1/trueフィルタを実行します。

サンプル

フィルタを使用していない状態
画像

<img src="../img/sample.jpg" alt="画像" width="120" height="90">

☆★文字★☆

<div style="font: bold 170% sans-serif; width: 100%;">
☆★文字★☆
</div>

《bodyに直接書いた場合》

へこませる
画像

<div style="width: 100%;
filter: progid:dximagetransform.microsoft.engrave(bias=0.5);"
>
<img src="../img/sample.jpg" alt="画像" width="120" height="90">
</div>

☆★文字★☆

<div style="font: bold 170% sans-serif; width: 100%;
filter: progid:dximagetransform.microsoft.engrave(bias=-0.5);"
>
☆★文字★☆
</div>


Copyright c 2007.10.01 luc All rights reserved.