<html>
<head>
<title>CSS4 media query test: monochrome.</title>
<style type="text/css">
#a { color: black; }
#b { color: #888; }

@media (monochrome) {
#a { color: #888; }
#b { color: black; }
}

</style>
</head>
<body>
  <p id="a">This text should be middle grey if the screen is monochrome. Black otherwise.</p>
  <p id="b">This text should be black if the screen is monochrome. Middle grey otherwise.</p>
  <p>Note that the expected results of this test assume a non-monochrome display.</p>
</body>
</html>