<!doctype html> | |
<html> | |
<head> | |
<script type="text/javascript"> | |
if (window.testRunner) | |
testRunner.dumpAsText(); | |
</script> | |
<style> | |
.to_be_shown { | |
display:none; | |
color:green; | |
} | |
.to_be_hidden { | |
display:block; | |
color:red; | |
} | |
</style> | |
<style> | |
/* page rule must not interfere with non-page rules */ | |
#test1 { | |
display:none; | |
} | |
@page { | |
#test1 { | |
display:block; | |
} | |
@top-center { | |
content:"Test"; | |
display:block; | |
} | |
#test2 { | |
display:block; | |
} | |
} | |
#test2 { | |
display:none; | |
} | |
</style> | |
<style> | |
/* Malformed page rule must not interfere with non-page rules as far as braces are paired properly */ | |
@page { | |
p:before { | |
content:"malformed | |
} | |
@top-left | |
} | |
#test3 { | |
display:none; | |
} | |
</style> | |
<style> | |
/* Successfully parsed */ | |
#last { | |
display:block; | |
} | |
</style> | |
</head> | |
<body> | |
<div class="to_be_hidden" id="test1">FAIL: Test 1</div> | |
<div class="to_be_hidden" id="test2">FAIL: Test 2</div> | |
<div class="to_be_hidden" id="test3">FAIL: Test 3</div> | |
<div class="to_be_shown" id="last">PASS</div> | |
</body> | |
</html> | |