CSS3

：

特能

：

inverted-colors

　 編集：2022.07.10 by T.A.

[Edge]⛌。→●、mdn

表示における反転色の検出。

名前 inverted-colors
用途 @media
値 none | inverted
型 範囲

内容の色が反転して表示されているかどうかを指示する。

none
色は通常と同じに表示されている。
inverted
表示区画内のすべての画素は反転されている。

この値は、ユーザーエージェントが何らかの種類の内容を自覚する反転† ― 画像を保全するなど ― を行なった場合には、合致しない【すなわち、実値はこの値にならない】ものとする。（† 自身のユーザーエージェント スタイルシートを通した反転は除く ― 下を見よ。）

注記： これは、この媒体特能の目標が、［すべての画素を反転するような、内容を自覚しないアプローチによる望ましくない効果］を［作者が軽減することを可能化する］ことにあるからである。内容を自覚する事例においても作者が対抗策をとれるとした場合、ユーザーエージェントの対抗策と互いに打ち消しあうリスクがある。

このユーザーエージェント スタイルシート規則に加えて、作者は ― 自身のスタイルシートに依存して ― CSS を介して注入された画像（背景など）を反転したり影を不能化したいと望むことをあろう： 

@media (inverted-colors) {
  * {
    text-shadow: none !important;
    box-shadow: none !important;
  }
}

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

<SPAN class=Test>テスト</SPAN><BR>
<SPAN class=Test2>テスト</SPAN><BR>

関連
テスト
HTML：

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：