Templat:Font size block/s
 | Templat ini menggunakan unsur blok seperti Sila lihat H:DIVSPAN untuk maklumat lanjut. |
 | Templat ini menggunakan TemplateStyles: |
Usage
suntingGeneral form
suntingThis template renders one or more blocks of text in the appropriate smaller or larger font.
e.g.
{{Font size block|font-size-name=smaller|{{lorem ipsum}}}}
yields
To modify the size of a few words within a block of text, use the appropriate inline template (<span>)—this will modify the span without breaking up the text, and without interfering in block-level properties like line spacing.
As open and close tags
suntingThis template is also available in an open and close format where the <div> needs to span a page break in the Page namespace.
- {{Font size block/s}} to open
- {{Font size block/e}} to close
- Example
{{Font size block/s|font-size-name=smaller}}{{lorem ipsum}}{{lorem ipsum}}{{Font size block/e}}
yields
See also
suntingAll Wikisource size templates are relative to the default size. There are two kinds of sizing template: inline and block templates. Inline templates are suitable for use within a paragraph, but can't handle paragraph breaks, and do not adjust line spacing. Block templates can handle paragraph breaks, and adjust line spacing, but are not suitable for use within a paragraph, as they will cause a paragraph break. See H:DIVSPAN for more details.
Font size definition by relative differences using words
 | The line heights of fonts greater than 100% increase proportionally with the font size. The line heights of fonts less than 100% are not proportional but inherit the line height of the font at the 100% size. The smaller the font, the greater the distance between rows of text. For these, see: Fonts smaller than 100% with proportional line heights. |
| Inline template | Block template | Size | 12pt/16px default base[1] |
Sample |
|---|---|---|---|---|
| {{xxxx-smaller}} | — | 41% | 5pt/6.7px | Lorem ipsum dolor sit amet, |
| {{xxx-smaller}} | — | 50% | 6pt/8px | Lorem ipsum dolor sit amet, |
| {{xx-smaller}} | {{xx-smaller block}} | 58% | 7pt/9px | Lorem ipsum dolor sit amet, |
| {{x-smaller}} | {{x-smaller block}} | 69% | 8pt/11px | Lorem ipsum dolor sit amet, |
| {{smaller}} | {{smaller block}} | 83% | 10pt/13px | Lorem ipsum dolor sit amet, |
| {{fine}} | {{fine block}} | 92% | 11pt/15px | Lorem ipsum dolor sit amet, |
| — | — | 100% | 12pt/16px | Lorem ipsum dolor sit amet, |
| {{m-larger}} | {{m-larger block}} | 110% | 13pt/18px | Lorem ipsum dolor sit amet, |
| {{larger}} | {{larger block}} | 120% | 14pt/19px | Lorem ipsum dolor sit amet, |
| {{x-larger}} | {{x-larger block}} | 144% | 17pt/23px | Lorem ipsum dolor sit amet, |
| {{xx-larger}} | {{xx-larger block}} | 182% | 22pt/29px | Lorem ipsum dolor sit amet, |
| {{xxx-larger}} | {{xxx-larger block}} | 207% | 25pt/33px | Lorem ipsum dolor sit amet, |
| {{xxxx-larger}} | {{xxxx-larger block}} | 249% | 30pt/40px | Lorem ipsum dolor sit amet, |
- ↑ Contemporary web browsers have largely standardized on a default base font size of 12pt or 16px.
Font size block
Tiada keterangan.
| Parameter | Keterangan | Jenis | Status | |
|---|---|---|---|---|
| 1 | 1 | Text to apply font-sizing to. | Rentetan | pilihan |
| class | class | Additional CSS classes to apply. | Rentetan | pilihan |
| style | style | Additional CSS styles to apply. | Rentetan | pilihan |
| font size name | font-size-name | Named font size to apply.
| Rentetan | pilihan |
| font size | font-size | Manual font size to apply.
| Rentetan | pilihan |