Template:Resize
{1}
It is to change the font size of a text string.
Usage
{resize|N|text}— N specifies a size, such as "95%", "1.2em", etc.{resize|text}— If N is omitted, as in the second line above, a default 90% size is applied.{resize|div=yes|text}— As above but uses a div tag instead of a span tag.
Beware
Beware that if text happens to contain an equality sign (=), it will fail to render properly. Here are the workarounds:
- Replace all instances of
=with{=}, or - Specify
{resize|N|2=text}or{resize|1=text}.
Also it will fail to wrap multiple blocks, such as multiple paragraphs or multiple bullet points. Here are the workarounds:
- Use, for example,
<div style="font-size:90%;">
...multiple paragraphs...</div>, or - Apply this template separately to each block of paragraph, bullet point etc.
- Use {resize|div=yes}.
- Use {smalldiv}.
Examples
| Code | Result |
|---|---|
{resize|This text defaults to 90% normal size.} |
This text defaults to 90% normal size. |
{resize|80%|This text is 80% normal size.} |
This text is 80% normal size. |
{resize|1.2em|This text is 0.2em larger than normal.} |
This text is 0.2em larger than normal. |
{resize|We know 1+1=2 and 2+2=4. It will fail to render} |
{1} |
{resize|We know 1+1{=}2 and 2+2{=}4.} |
We know 1+1=2 and 2+2=4. |
{resize|1=We know 1+1=2 and 2+2=4.} |
We know 1+1=2 and 2+2=4. |
{resize|120%|2=We know 1+1=2 and 2+2=4. This text is 120% normal size.} |
We know 1+1=2 and 2+2=4. This text is 120% normal size. |
Comparison
| Code for inline content | Code for block content | Size | Result |
|---|---|---|---|
{small|text}{smaller|text} |
{smalldiv|text} |
85% | text |
{resize|text} |
{resizediv|text} |
90% | text |
{midsize|text} |
92% | text | |
| none | none | 100% | text |
{large|text}{larger|text}{big|text} |
{largediv|text} |
120% | text |
{huge|text} |
180% | text | |
{resize|x%|text} |
{resizediv|x%|text} |
custom | varies |
{font|size=x%} |
custom | varies |
See also
- Category:Resizing templates
- {smalldiv}, for wrapping multiple lines of text that cause syntax errors when wrapped by {resize} or {small}
- font-size - CSS: Cascading Style Sheets | Mozilla Developer Network
TemplateData
This is the TemplateData for this template used by TemplateWizard, VisualEditor and other tools. See a monthly parameter usage report for Template:Resize in articles based on its TemplateData.
TemplateData for Resize
It is to change the font size of a text string. Two forms {resize|<size>|<text>} and {resize|<text>} are possible.
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| Size/Text | 1 | Specifies a css font size e.g. '80%', '1.2em', 'x-large', 'larger'. In the one parameter version the first parameter is the text and the font size is '90%'. | String | required |
| Text when size is given | 2 | The text to display in the two parameter version. | String | optional |
| Use div tag | div | Set to yes to use a div instead of a span tag. | String | optional |