third_party/WebKit/LayoutTests/fast/media/mq-scan-01.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <title>Media Queries - scan media feature for "screen"</title>
   5 <script>
   6   if (window.testRunner) {
   7     /* The scan media feature only applies to "tv" media. This test checks that
   8        we don't match any of the values for "screen". */
   9     window.internals.settings.setMediaTypeOverride("screen");
  10   }
  11 </script>
  12 <style>
  13   @media (scan: progressive) {
  14     #t1 { color: red; }
  15   }
  16
  17   @media (scan: interlace) {
  18     #t2 { color: red; }
  19   }
  20
  21   @media (scan) {
  22     #t3 { color: red; }
  23   }
  24 </style>
  25 </head>
  26 <body>
  27   <div id="t1">Should not be red</div>
  28   <div id="t2">Should not be red</div>
  29   <div id="t3">Should not be red</div>
  30 </body>
  31 </html>