New tags introduced in HTML5 now have basic support in mPDF, and will thus support CSS style references.
The following are treated as block elements similar to <div>:
<article> <aside> <details> <figure> <figcaption> <footer> <header> <hgroup> <nav> <section> <summary>
The following are treated as in-line elements:
<time> <mark>
Mark is set by default to highlight in yellow in config.php using $defaultCSS e.g. mark
Progress and meter are discussed below:
Progress: accepts the attributes value and max. A progress element without a value is called an indeterminate progress bar. Text between the opening and closing tags is not displayed.
CSS styles properties can be applied: display, visibility, margin, padding, border, vertical-align, width, height and opacity. HTML attributes width and height are supported, although not officially part of the spec.
Example:
<progress value="5" max="10">50%</progress>
Meter: accepts the attributes min, max, value, optimum, low, and high. Text between the opening and closing tags is not displayed.
CSS styles properties can be applied: display, visibility, margin, padding, border, vertical-align, width, height and opacity. HTML attributes width and height are supported, although not officially part of the spec.
Example:
<meter value="5" max="10" min="1" low="2" high="8" optimum="5.6">5</meter>
Meter (and to a lesser extent progress) can be used with custom appearances e.g. by using optimum to display the average, and low/high to indicate 90th centiles
Custom appearances can be written by editing the script in classes/meter.php - Use a custom attribute of type="anyname" which is passed to the class as a variable e.g.
<meter type="2" value="612.7" optimum="580.4" min="517.0 " max="642.7" low="542" high="600">612.7</meter>
Domain |
Indicator |
LHB number |
LHB Indicator value |
Wales average |
Wales range |
Comparison |
Deaths |
Death Rates per 100,000 population |
3046 |
612.7 |
580.4 |
517.0 - 642.7 |
|
Death Rates per 100,000 from cancer |
789 |
178.2 |
172.7 |
159.5 - 182.2 |
||
Death Rates per 100,000 from respiratory disease |
505 |
60.5 |
72.11 |
54.41 - 95.5 |
||
Death Rates per 100,000 from cardiovascular disease |
913 |
178.2 |
165.0 |
151.8 - 179.9 |
min-height, min-width, max-height and max-width are now supported in CSS style sheets for <img> (only).
background: url(data:image/gif;base64,...) is now supported in CSS style sheets (gif, png and jpeg).
div.folder { background: url(data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub//ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcppV0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7) no-repeat 4px center; padding: 5px 0 5px 25px; border: 1px solid #000000; }
'; //============================================================== $mpdf->WriteHTML($html); $mpdf->Output(); exit; //============================================================== //============================================================== //============================================================== //==============================================================