Template:Resize
Sarna News
- HEXTECH Review - Wave 3 Brings More Urban Options To Your Battlefield
- Your BattleTech News Round-Up For March, 2024
- Crashing 'Mechs With Jennifer Brozek, Author Of The Rogue Academy Trilogy
- Getting The Word Out With Rem Alternis, Catalyst Community & Marketing Director
- Bad 'Mechs - Yeoman
- Read more →
{{{1}}}
Template documentationContents
Usage[edit]
{{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[edit]
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[edit]
| Code | Result |
|---|---|
| This text defaults to 90% normal size.}} | This text defaults to 90% normal size. |
| 80%|This text is 80% normal size.}} | This text is 80% normal size. |
| 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[edit]
| 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}} |
{{midsizediv|text}} |
92% | text |
| — | — | 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[edit]
- 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