2010-04-28 06:19:36 +00:00
|
|
|
<!doctype html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<style type="text/css">
|
2010-05-19 07:33:28 +00:00
|
|
|
@page :visited { /* :visited is invalid for @page */
|
|
|
|
|
color: red;
|
|
|
|
|
}
|
|
|
|
|
@page a_page_name:visited { /* :visited is invalid for @page */
|
|
|
|
|
background-color: red;
|
|
|
|
|
}
|
|
|
|
|
|
2010-04-28 06:19:36 +00:00
|
|
|
@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 {
|
2010-05-19 07:33:28 +00:00
|
|
|
background-color:green;
|
2010-04-28 06:19:36 +00:00
|
|
|
}
|
|
|
|
|
@media print {
|
|
|
|
|
@page somepage:first {
|
|
|
|
|
margin:3cm;
|
|
|
|
|
}
|
|
|
|
|
}
|
2010-04-28 06:45:35 +00:00
|
|
|
@page auto_page {
|
|
|
|
|
size: auto;
|
2010-04-28 06:19:36 +00:00
|
|
|
}
|
2010-04-28 06:45:35 +00:00
|
|
|
@page square_page {
|
|
|
|
|
size: 4in;
|
|
|
|
|
}
|
|
|
|
|
@page letter_page {
|
2010-04-28 06:19:36 +00:00
|
|
|
size: letter;
|
|
|
|
|
}
|
2010-04-28 06:45:35 +00:00
|
|
|
@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;
|
|
|
|
|
}
|
|
|
|
|
|
2010-04-28 07:09:09 +00:00
|
|
|
table {
|
|
|
|
|
page: Rotated;
|
|
|
|
|
}
|
|
|
|
|
div {
|
|
|
|
|
page: Auto;
|
|
|
|
|
}
|
|
|
|
|
pre {
|
|
|
|
|
page: Auto Rotated; /* Invalid */
|
|
|
|
|
}
|
|
|
|
|
p {
|
|
|
|
|
page: 1cm; /* Invalid */
|
|
|
|
|
}
|
|
|
|
|
|
2010-04-28 06:19:36 +00:00
|
|
|
/* 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">
|
|
|
|
|
|
2012-06-15 07:38:37 +00:00
|
|
|
if (window.testRunner)
|
|
|
|
|
testRunner.dumpAsText();
|
2010-04-28 06:19:36 +00:00
|
|
|
|
|
|
|
|
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>
|
|
|
|
|
|
