diff options
Diffstat (limited to 'inc/3rdparty/libraries/mpdf/examples/example52_lineheight.htm')
| -rw-r--r-- | inc/3rdparty/libraries/mpdf/examples/example52_lineheight.htm | 36 |
1 files changed, 0 insertions, 36 deletions
diff --git a/inc/3rdparty/libraries/mpdf/examples/example52_lineheight.htm b/inc/3rdparty/libraries/mpdf/examples/example52_lineheight.htm deleted file mode 100644 index 73eca93a..00000000 --- a/inc/3rdparty/libraries/mpdf/examples/example52_lineheight.htm +++ /dev/null | |||
| @@ -1,36 +0,0 @@ | |||
| 1 | <html> | ||
| 2 | <head> | ||
| 3 | <style> | ||
| 4 | body { font-family: Arial, Helvetica, sans-serif; } | ||
| 5 | .gradient { | ||
| 6 | border:0.1mm solid #220044; | ||
| 7 | background-color: #f0f2ff; | ||
| 8 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
| 9 | } | ||
| 10 | </style> | ||
| 11 | </head> | ||
| 12 | <body> | ||
| 13 | <h4>Line-height & vertical alignment</h4> | ||
| 14 | <div>In these examples, top and bottom padding are set to 0, so the block height = line height.</div> | ||
| 15 | <div>The inline text (set to a larger font-size) inherits the line-height as a factor of the largest font-size i.e. the line height will expand to reflect the largest font on the line.<br /> | ||
| 16 | Line-height: "normal" (set in mPDF by default as 1.33).</div> | ||
| 17 | <p class="gradient" style="font-size: 10pt; line-height: normal; padding: 0 0.3em;">Normal text <span style="font-size: 16pt;">16pt font-size Â</span> and normal again</p> | ||
| 18 | |||
| 19 | <div>Line-height: 2.0 When using relative line-heights, the text is aligned vertically so that the centre-line of the line goes throught the middle of the largest font.</div> | ||
| 20 | <p class="gradient" style="font-size: 10pt; line-height: 2.0; padding: 0 0.3em;">Normal text <span style="font-size: 16pt;">16pt font-size Â</span> and normal again</p> | ||
| 21 | |||
| 22 | <div>Line-heights set as a percentages are computed on the base font-size, and are then inherited and treated the same as absolute lengths. This is also true for "em" values. The line-height of this line is set as 200% of the paragraph font-size (10pt).<br /> | ||
| 23 | When using absolute line-heights, the text is aligned vertically so that the centre-line of the line goes throught the middle of the base font.<br /> | ||
| 24 | This means that as far as possible, multiple lines will remain equally spaced<br /> | ||
| 25 | Line-height: 200% </div> | ||
| 26 | <p class="gradient" style="font-size: 10pt; line-height: 200%; padding: 0 0.3em;">Normal text <span style="font-size: 16pt;">16pt font-size Â</span> and normal again</p> | ||
| 27 | |||
| 28 | <div>If the line includes a font-size greater than 1.6 times the computed line-height, then the text baseline is dropped so that the text will approximately fit within the line-height. | ||
| 29 | <br />Line-height: 2em</div> | ||
| 30 | <p class="gradient" style="font-size: 10pt; line-height: 2em; padding: 0 0.3em;">Normal text <span style="font-size: 18pt;">18pt font-size Â</span> and normal again</p> | ||
| 31 | |||
| 32 | <div>If the line includes a font-size greater than 2 times the computed line-height, then the line-height is increased to accommodate the larger fontsize.<br /> | ||
| 33 | Line-height: 2em</div> | ||
| 34 | <p class="gradient" style="font-size: 10pt; line-height: 2em; padding: 0 0.3em;">Normal text <span style="font-size: 24pt;">24pt font-size Â</span> and normal again</p> | ||
| 35 | </body> | ||
| 36 | </html> \ No newline at end of file | ||