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