xtend_onfoffboarding/vendor/spipu/html2pdf/examples/res/example14.php

<style type="text/css">
    .table-bordered {border-width: 0.25mm; border-style: solid; border-color: #aaaaaa;}
</style>
<page backtop="5mm" backbottom="5mm" backleft="5mm" backright="5mm">
    <table style="border-top: solid 1px green;">
        <col class="table-bordered" style="width: 20mm;">
        <col class="table-bordered" style="width: 21mm;">
        <col class="table-bordered" style="width: 22mm;">
        <tr>
            <th style="border-top: solid 1px red">0 0</th>
            <th style="border-top: solid 1px red">0 1</th>
            <th style="border-top: solid 1px red">0 2</th>
        </tr>
        <tr>
            <td><div>1 0</div></td>
            <td>1 1</td>
            <td>1 2</td>
        </tr>
    </table>
    <br /><hr /><br />
    <table style="border-collapse: collapse;">
        <col class="table-bordered" style="width: 20mm;">
        <col class="table-bordered" style="width: 21mm;">
        <col class="table-bordered" style="width: 22mm;">
        <tr>
            <th style="border: solid 1px red" >0 0</th>
            <th style="border: solid 1px red">0 1</th>
            <th style="border: solid 1px red">0 2</th>
        </tr>
        <tr>
            <td><div>1 0</div></td>
            <td>1 1</td>
            <td>1 2</td>
        </tr>
    </table>
    <br /><hr /><br />
    <table border="1" style="width:150mm">
        <colgroup>
            <col style="width: 33%">
            <col style="width: 33%">
            <col style="width: 33%">
        </colgroup>
        <tr>
            <td>A</td>
            <td>B</td>
            <td>C</td>
        </tr>
    </table>
    <br /><hr /><br />
    <table border="1" style="width:150mm">
        <colgroup>
            <col style="width: 33%">
            <col style="width: 33%">
            <col style="width: 33%">
        </colgroup>
        <tr>
            <td>A</td>
            <td>B</td>
            <td>C</td>
        </tr>
        <tr>
            <td style="padding: 1cm;">First column</td>
            <td colspan="2" style="padding: 1cm;">Second column with a colspan of 2</td>
        </tr>
        <tr>
            <td colspan="3" style="padding: 1cm;">Third column with a colspan of 3</td>
        </tr>
    </table>
    <br /><hr /><br />
    <table border="1" style="width:150mm">
        <colgroup>
            <col style="width: 33%">
            <col style="width: 33%">
            <col style="width: 33%">
        </colgroup>
        <tr>
            <td style="padding: 1cm;">First column</td>
            <td colspan="2" style="padding: 1cm;">Second column with a colspan of 2</td>
        </tr>
        <tr>
            <td colspan="3" style="padding: 1cm;">Third column with a colspan of 3</td>
        </tr>
    </table>
    <br /><hr /><br />
    <table border="1" style="width:150mm">
        <colgroup>
            <col style="width: 33%">
            <col style="width: 33%">
            <col style="width: 33%">
        </colgroup>
        <tr>
            <td colspan="2" style="padding: 1cm;">Second column with a colspan of 2</td>
            <td style="padding: 1cm;">First column</td>
        </tr>
        <tr>
            <td colspan="3" style="padding: 1cm;">Third column with a colspan of 3</td>
        </tr>
    </table>
    <br />
    <font color="red">Hello</font><br />
    <br />
    Image : <img src="./res/logos.png" /><br />
    Image : <img src="./res/logo.png" /><br />

    <h2>Css Large FontSize</h2>
    <span style="font-size: medium;"  >text with font-style medium</span><br />
    <span style="font-size: large;"   >text with font-style large</span><br />
    <span style="font-size: x-large;" >text with font-style x-large</span><br />
    <span style="font-size: xx-large;">text with font-style xx-large</span><br />

    <h2>Css Small FontSize</h2>
    <span style="font-size: medium;"  >text with font-style medium</span><br />
    <span style="font-size: small;"   >text with font-style small</span><br />
    <span style="font-size: x-small;" >text with font-style x-small</span><br />
    <span style="font-size: xx-small;">text with font-style xx-small</span><br />

    <h2>Css Relative FontSize</h2>
    <span style="font-size: medium;"  >text with font-style medium</span><br />
    <span style="font-size: smaller;"  ><span style="font-size: larger;"  >text with font-style smaller larger</span></span><br />
    <span style="font-size: larger;"  >text with font-style larger</span><br />
    <span style="font-size: smaller;"  >text with font-style smaller</span><br />
</page>