<!doctype html> | |
<html> | |
<head> | |
<style type="text/css"> | |
@page :visited { /* :visited is invalid for @page */ | |
color: red; | |
} | |
@page a_page_name:visited { /* :visited is invalid for @page */ | |
background-color: red; | |
} | |
@page { | |
margin-top:5cm; | |
margin-bottom:10cm; | |
} | |
@page :left { | |
margin-right:3cm; | |
} | |
@page :right { | |
margin-left:3cm; | |
} | |
@page :first { | |
border-width:1px; | |
} | |
@page hello { | |
color:green; | |
} | |
@page world:right { | |
background-color:green; | |
} | |
@media print { | |
@page somepage:first { | |
margin:3cm; | |
} | |
} | |
@page auto_page { | |
size: auto; | |
} | |
@page square_page { | |
size: 4in; | |
} | |
@page letter_page { | |
size: letter; | |
} | |
@page page_widht_height { | |
size: 10cm 15cm; | |
} | |
@page page_size_orientation { | |
size: ledger landscape; | |
} | |
@page page_orientation_size { | |
size: portrait a4; | |
} | |
@page err_empty_size { | |
size:; | |
} | |
@page err_unknow_page_size { | |
size: yotsugiri; | |
} | |
@page err_length_and_page_size { | |
size: 10cm letter; | |
} | |
@page err_length_and_orientation { | |
size: 10cm landscape; | |
} | |
@page err_orientations { | |
size: portrait landscape; | |
} | |
@page err_too_many_params { | |
size: a5 landscape auto; | |
} | |
table { | |
page: Rotated; | |
} | |
div { | |
page: Auto; | |
} | |
pre { | |
page: Auto Rotated; /* Invalid */ | |
} | |
p { | |
page: 1cm; /* Invalid */ | |
} | |
/* FIXME: Add the following once margin at-rule is implemented. | |
@page :first { | |
@top-left-corner { | |
content:"TLC"; | |
} | |
@bottom-center { | |
content:"BC"; | |
} | |
} | |
*/ | |
</style> | |
<script type="text/javascript"> | |
if (window.layoutTestController) | |
layoutTestController.dumpAsText(); | |
function print(str) | |
{ | |
document.getElementById("output").innerHTML += str; | |
} | |
function printCssTextOfPageRules() | |
{ | |
var ss = document.styleSheets; | |
for (var i = 0; i < ss.length; i++) { | |
for (var j = 0; j < ss[i].cssRules.length; j++) { | |
print(ss[i].cssRules[j].cssText + "<br/>"); | |
} | |
} | |
} | |
</script> | |
</head> | |
<body onload="printCssTextOfPageRules();"> | |
<div id="output"></div> | |
</body> | |
</html> | |