CSS 3 の box-shadow に似ている表現を IE で使う

Glow フィルター や Shadow フィルターを display が block の要素に対して指定します。

Glow フィルターを使って実現した例

filter:progid:DXImageTransform.Microsoft.Glow(Color='#999999', Strength=5);zoom:1;
ブロックレベルに対しての Glow ≒ box shadow

Shadow フィルターを使って実現した例

filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#999999'); zoom:1;
ブロックレベルに対しての Shadow ≒ box shadow

CSS 3 の text-shadow に似ている表現を IE で使う

Glow フィルター や Shadow フィルターを display が inline の要素に対して指定します。

Glow フィルターを使って実現した例

filter:progid:DXImageTransform.Microsoft.Glow(Color='#999999', Strength=3);zoom:1;
インラインレベルに対しての Glow ≒ text-shadow

Shadow フィルターを使って実現した例

filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); zoom:1;
インラインレベルに対しての Shadow ≒ text-shadow

CSS 3 の text-outline に似ている表現を IE で使う

filter:progid:DXImageTransform.Microsoft.Glow(Color='#000000', Strength=1);zoom:1;
アウトライン

CSS 3 の Transformations Module に似ている表現を IE で使う

傾きの角度はM12, M21 に tanθ で指定します。

filter:progid:DXImageTransform.Microsoft.Matrix(M11=1,M12=0.785,M21=-0.785,M22=1,
SizingMethod='auto expand'); width:150px;
45度

CSS 3 の Web fonts を IE で使う

IE で Web Fonts を使う方法 (eot ファイルの作り方) にまとめました。

CSS 3 の word-break を IE で使う

URLなどの区切りのない文字列でも折り返す

word-break:break-all;
texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext

ime-mode

IE の独自実装でしたが Firefox でもサポートされました。フォームの入力などを補助します。

ime-mode:active;
IMEがアクティブ (全角で入力される)
IMEがインアクティブ (半角英数で入力される)