32 lines
908 B
HTML
32 lines
908 B
HTML
<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>
|