Template:Resize/doc: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
(2 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{{Documentation subpage}} | {{Documentation subpage}} | ||
__NOTOC__ | |||
It is to change the font size of a text string. | |||
== Syntax == | |||
* {{tlc|Resize|''N''|text}} — ''N'' specifies a size, such as "95%", "1.2em", etc. | |||
* {{tlc|Resize|''text''}} — If ''N'' is omitted, as in the second line above, a default 90% size is applied. | |||
* {{tlc|resize|div{{=}}yes|''text''}} — As above but uses a div tag instead of a span tag. | |||
==Beware== | == Beware == | ||
{{font color|red|Beware}} that if | {{font color|red|Beware}} that if {{code|text}} happens to contain an equality sign (=), it will fail to render properly. Here are the workarounds: | ||
# Replace all instances of {{code|=}} with {{tl|{{=}}}}, or | |||
# Specify {{tlc|resize|N|2{{=}}text}} or {{tlc|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, <br/><code><div style="font-size:90%;"></code><br/>...''multiple paragraphs''...<br/><code></div></code>, or | |||
# Apply this template separately to each block of paragraph, bullet point etc. | |||
# Use {{tlf|resize|2=div=yes}}. | |||
== Examples == | |||
{| class="wikitable" | |||
|- | |||
! Code !! Result | |||
|- | |||
| {{tlc|resize|This text defaults to 90% normal size.}} || {{resize|This text defaults to 90% normal size.}} | |||
|- | |||
| {{tlc|resize|80%|This text is 80% normal size.}} || {{resize|80%|This text is 80% normal size.}} | |||
|- | |||
| {{tlc|resize|1.2em|This text is 0.2em larger than normal.}} || {{resize|1.2em|This text is 0.2em larger than normal.}} | |||
|- | |||
| {{tlc|resize|We know 1+1{{=}}2 and 2+2{{=}}4. It will fail to render}} || {{resize|We know 1+1=2 and 2+2=4. It will fail to render}} | |||
|- | |||
| {{tlc|resize|We know 1+1<nowiki>{{=}}</nowiki>2 and 2+2<nowiki>{{=}}</nowiki>4.}} || {{resize|We know 1+1{{=}}2 and 2+2{{=}}4.}} | |||
|- | |||
| {{tlc|resize|1{{=}}We know 1+1{{=}}2 and 2+2{{=}}4.}} || {{resize|1=We know 1+1=2 and 2+2=4.}} | |||
|- | |||
| {{tlc|resize|120%|2{{=}}We know 1+1{{=}}2 and 2+2{{=}}4. This text is 120% normal size.}} || {{resize|120%|2=We know 1+1=2 and 2+2=4. This text is 120% normal size.}} | |||
|} | |||
== TemplateData == | |||
<templatedata>{ | |||
"description": "It is to change the font size of a text string. Two forms {{resize|<size>|<text>}} and {{resize|<text>}} are possible.", | |||
"params": { | |||
"1": { | |||
"label": "Size/Text", | |||
"description": "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%'.", | |||
"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 | |||
} | |||
} | |||
} | |||
</templatedata> | |||
<includeonly>{{sandbox other||{{testcases other|| | |||
<!-- Categories below this line, please --> | <!-- Categories below this line, please --> | ||
[[Category: | [[Category:General use templates]] | ||
</includeonly> | }}}}</includeonly> |
Latest revision as of 02:36, 20 August 2023
It contains usage information, categories and other content that is not part of the original template page.
|
It is to change the font size of a text string.
Syntax
{{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
{{{1}}}
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}}.
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. |
TemplateData
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 |