OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <title>CSS3 media query test: stylesheet media.mediaText property inspection.</t
itle> | 3 <title>CSS3 media query test: stylesheet media.mediaText property inspection.</t
itle> |
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 | 5 |
6 <style type="text/css" media="braille, media with error, screen and (color) and
(grid:0), tty resolution > 600px"> | 6 <style type="text/css" media="braille, media with error, screen and (color) and
(grid:0), tty resolution > 600px"> |
7 #result { color: green } | 7 #result { color: green } |
8 </style> | 8 </style> |
9 | 9 |
10 <script language="javascript"> | 10 <script language="javascript"> |
11 function test() { | 11 function test() { |
12 re = document.getElementById("result"); | 12 re = document.getElementById("result"); |
13 re.innerHTML = "started"; | 13 re.innerHTML = "started"; |
14 re.innerHTML = document.styleSheets[0].media.mediaText; | 14 re.innerHTML = document.styleSheets[0].media.mediaText; |
15 } | 15 } |
16 </script> | 16 </script> |
17 | 17 |
18 </head> | 18 </head> |
19 <body onload="test()"> | 19 <body onload="test()"> |
20 <p> The text below should be green and contain "braille, media, screen and (colo
r) and (grid: 0), tty". </p> | 20 <p> The text below should be green and contain "braille, not all, screen and (co
lor) and (grid: 0), not all". </p> |
21 <p id="result">Failure: test not run</p> | 21 <p id="result">Failure: test not run</p> |
22 </body> | 22 </body> |
23 </html> | 23 </html> |
OLD | NEW |