| <html> |
| <head> |
| <title>CSS4 media query test: inverted-colors.</title> |
| <style type="text/css"> |
| #a { color: green; } |
| #b { color: black; } |
| #c { color: black; } |
| #d { color: black; } |
| |
| @media (inverted-colors) { |
| #a { color: black; } |
| #b { color: green; } |
| } |
| |
| @media (inverted-colors: none) { |
| #c { color: green; } |
| } |
| |
| @media (inverted-colors: inverted) { |
| #d { color: green; } |
| } |
| </style> |
| </head> |
| <body> |
| <p id="a">This text should be inverted black (white) if the screen is inverted. Green otherwise.</p> |
| <p id="b">This text should be inverted green (puplish) if the screen is inverted. Black otherwise.</p> |
| <p id="c">This text should be inverted black (white) if the screen is inverted. Green otherwise.</p> |
| <p id="d">This text should be inverted green (purplish) if the screen is inverted. Black otherwise.</p> |
| <p>Note that the expected results of this test assume a non-inverted display.</p> |
| </body> |
| </html> |
