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

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <title>Media Queries - scan media feature for "tv"</title>
   5 <script>
   6   if (window.testRunner) {
   7     /* If progressive or interlace will ever be queriable for TVs through some
   8        platform interface, this test needs to be modified by a test override.
   9        For now, the implementation assumes a modern tv with progressive scan.
  10        We test that here. */
  11     window.internals.settings.setMediaTypeOverride("tv");
  12   }
  13 </script>
  14 <style>
  15   @media (scan: progressive) {
  16     #t1 { color: green; }
  17   }
  18
  19   #t2 { color: green; }
  20   @media (scan: interlace) {
  21     #t2 { color: red; }
  22   }
  23
  24   @media (scan) {
  25     #t3 { color: green; }
  26   }
  27 </style>
  28 </head>
  29 <body>
  30   <div id="t1">Should be green</div>
  31   <div id="t2">Should be green</div>
  32   <div id="t3">Should be green</div>
  33 </body>
  34 </html>