CSS3

@media

-ms-high-contrast 媒体特能?

 編集:2022.11.26 by T.A.

[Edge]⛌?。非標準。→

mdn: 非標準: この機能は非標準であり、標準トラックにはありません。Web に面している実稼働サイトでは使用しないでください。すべてのユーザーに対して機能するとは限りません。また、実装間に大きな非互換性がある可能性があり、将来的に動作が変更される可能性があります。

mdn: -ms-high-contrast CSS メディア機能は、アプリケーションがハイ コントラスト モードで表示されているかどうかを説明する Microsoft 拡張機能です。そして何色のバリエーションで。

mdn: ハイ コントラスト モードは、前景色と背景色をユーザー指定のテーマに動的に置き換えることにより、コンテンツを可能な限り読みやすくすることを優先する特殊な表示モードです。Webコンテンツについては、テーマの色はコンテンツ タイプにマップされます。

mdn: このメディア機能は、ビットマップ メディア タイプに適用されます。最小/最大プレフィックスは受け入れません。

名前 -ms-high-contrast
noneactiveblack-on-whitewhite-on-black
初期値
適用対象
継承
百分率
算出値
正準的順序
アニメーション型
none 非推奨

Microsoft Edge 18 の時点でサポートされなくなりました。

<IMG style="-ms-high-contrast:none; border:1px solid red;" src="Com/Soft_RGBK.jpg"><BR>

active
システムがカラー バリエーションのあるハイ コントラスト モードに配置されている場合、後続のスタイル ルールが適用されることを示します。
black-on-white
システムが白地に黒のカラー バリエーションでハイ コントラスト モードに配置されている場合に、後続のスタイル ルールが適用されることを示します。
white-on-black
システムが黒地に白のカラー バリエーションでハイ コントラスト モードに配置されている場合に、後続のスタイル ルールが適用されることを示します。
ハイ コントラスト

以下のCSSが組み込んであります:


 

Windowsの「設定」→「簡易操作」→「ハイ コントラスト」でハイ コントラストにしてみると、「active」「black-on-white」「white-on-black」の文字が出ます。

[SPAN要素。class=Test]


テスト