Template:Resize

{{{1}}}

File:Test Template Info-Icon - Version (2).svg Template documentation[view] [edit] [history] [purge]

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:

1. Replace all instances of = with {{=}}, or
2. 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:

1. Use, for example,
   <div style="font-size:90%;">
   ...multiple paragraphs...
   </div>, or
2. Apply this template separately to each block of paragraph, bullet point etc.
3. Use {{resize|div=yes}}.
4. 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

Font size templates

Code for inline content	Code for block content	Size	Result
{{small|text}} {{smaller|text}}	{{smalldiv|text}}	85%	text
{{resize|text}}	{{resizediv|text}}	90%	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

{{small}} or {{smaller}}: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

{{resize}}: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Default: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

{{large}} or {{larger}} or {{big}}: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

{{huge}}: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

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

<templatedata>{ "description": "It is to change the font size of a text string. Two forms <span style="font-size:<size>;"><text> and <text> are possible.", "params": { "1": { "label": "Size/Text", "description": "With two parameters: a CSS font size e.g. '80%', '1.2em', 'x-large', 'larger'. With one parameter: the text to display (and font size defaults to '90%').", "type": "string", "required": true }, "2": { "label": "Text when size is given", "description": "The text to display in the two parameter version.", "type": "string", "required": false }, "div": { "label": "Use div tag", "description": "Set to yes to use a div instead of a span tag.", "type": "string", "required": false }, "size": { "label": "Size (percent)", "description": "Font size as a percentage e.g. '90', '200'. Ignored if 2 numbered parameters are used." } }, "paramOrder": [ "1", "2", "div", "size" ] } </templatedata>

The above documentation is transcluded from Template:Resize/doc. (edit | history)
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.
Add categories to the /doc subpage. Subpages of this template.