Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / css / parsing-page-rule.html
blob93722759ab368fec9b7788967fce2250e17a3a05
1 <!doctype html>
2 <html>
3 <head>
4 <script type="text/javascript">
5 if (window.testRunner)
6 testRunner.dumpAsText();
7 </script>
8 <style>
9 .to_be_shown {
10 display:none;
11 color:green;
13 .to_be_hidden {
14 display:block;
15 color:red;
17 </style>
18 <style>
19 /* page rule must not interfere with non-page rules */
20 #test1 {
21 display:none;
23 @page {
24 #test1 {
25 display:block;
27 @top-center {
28 content:"Test";
29 display:block;
31 #test2 {
32 display:block;
35 #test2 {
36 display:none;
38 </style>
39 <style>
40 /* Malformed page rule must not interfere with non-page rules as far as braces are paired properly */
41 @page {
42 p:before {
43 content:"malformed
45 @top-left
47 #test3 {
48 display:none;
50 </style>
51 <style>
52 /* Successfully parsed */
53 #last {
54 display:block;
56 </style>
57 </head>
58 <body>
59 <div class="to_be_hidden" id="test1">FAIL: Test 1</div>
60 <div class="to_be_hidden" id="test2">FAIL: Test 2</div>
61 <div class="to_be_hidden" id="test3">FAIL: Test 3</div>
62 <div class="to_be_shown" id="last">PASS</div>
63 </body>
64 </html>