2017-08-02 16:06:56 -04:00
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>html2ps/html2pdf CSS 3 Compatibility List</title>
|
|
|
|
|
<link rel="stylesheet" type="text/css" medial="all" title="Default" href="css/help.css"/>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<h1>html2ps/pdf CSS 3 Compatibility List</h1>
|
|
|
|
|
|
|
|
|
|
<p><a href="index.html">Back to table of contents</a></p>
|
|
|
|
|
|
|
|
|
|
<h2 id="marginboxes">Margin boxes</h2>
|
|
|
|
|
<p>
|
|
|
|
|
html2ps supports margin boxes in accordance to CSS 3. For example, you may render a header
|
|
|
|
|
using the following CSS code:
|
|
|
|
|
<pre>
|
|
|
|
|
@page {
|
|
|
|
|
@top-left {
|
|
|
|
|
content: "My Page";
|
|
|
|
|
}
|
|
|
|
|
@top-right {
|
|
|
|
|
content: "Page " counter(page) " of " counter(pages);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</pre>
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
As an extension of the margin box specification, html2ps provides '-html2ps-html-content'
|
|
|
|
|
property. In general, it is similar to 'content' property, except the resulting string
|
|
|
|
|
is processed by HTML parser. Thus, you may use HTML tags in this property value.
|
|
|
|
|
<pre>
|
|
|
|
|
@page {
|
|
|
|
|
@top-left {
|
|
|
|
|
-html2ps-html-content: "&lt;span style=&quot;font-weight: bold;&quot;&gt;My&lt;/span&gt; Page";
|
|
|
|
|
}
|
|
|
|
|
@top-right {
|
|
|
|
|
content: "Page " counter(page) " of " counter(pages);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</pre>
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
Note that you may set text formatting using usual CSS propeties in margin box context:
|
|
|
|
|
<pre>
|
|
|
|
|
@page {
|
|
|
|
|
@top-left {
|
|
|
|
|
color: red;
|
|
|
|
|
content: "My Page";
|
|
|
|
|
}
|
|
|
|
|
@top-right {
|
|
|
|
|
content: "Page " counter(page) " of " counter(pages);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</pre>
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
For further information please refer to
|
|
|
|
|
<a href="http://www.w3.org/TR/css3-page/#margin-boxes">CSS 3 Paged Media Module</a>.
|
|
|
|
|
Note that html2ps at the moment does not support setting page size and margins via CSS.
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
<h2 id="footnotes">Footnotes</h2>
|
|
|
|
|
|
|
|
|
|
<h2 id="properties">Properties</h2>
|
|
|
|
|
|
|
|
|
|
<table>
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>Property</th>
|
|
|
|
|
<th>Support</th>
|
|
|
|
|
<th>Note</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td></td>
|
|
|
|
|
<td></td>
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
html2ps/pdf (c) <a href="http;//www.tufat.com/">TUFaT.com</a>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
