processmaker-builder
Version:
The gulp task runner for ProcessMaker building
87 lines (78 loc) • 1.99 kB
HTML
<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>