third_party/WebKit/LayoutTests/fast/media/mq-js-stylesheet-media-02.html

   1 <html>
   2 <head>
   3 <title>CSS3 media query test: stylesheet media property enumeration.</title>
   4 <link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#syntax" />
   5 <link rel="help" href="http://www.w3.org/TR/DOM-Level-2-Style/stylesheets.html" />
   6 <link rel="help" href="http://www.w3.org/TR/1998/REC-html40-19980424/types.html#h-6.13" />
   7
   8 <style type="text/css" media="braille, media with error, screen and (color) and (grid:0), tty resolution > 600px">
   9 #result { color: green; }
  10 </style>
  11
  12 <script language="javascript">
  13 function test() {
  14     re = document.getElementById("result");
  15     re.innerHTML = "started";
  16     re.innerHTML = document.styleSheets[0].media.item(0)
  17                     + ", " + document.styleSheets[0].media.item(1)
  18                     + ", " + document.styleSheets[0].media.item(2)
  19                     + ", " + document.styleSheets[0].media.item(3) ;
  20 }
  21 </script>
  22
  23 </head>
  24 <body onload="test()">
  25 <p> The text below should be green and contain "braille, not all, screen and (color) and (grid: 0), not all". </p>
  26 <p id="result">Failure: test not run</p>
  27 </body>
  28 </html>