வார்ப்புரு:Box/doc
{{Documentation subpage}}
 {{High-use}}
 {{Lua|Module:Check for unknown parameters}}
 &lt;!-- Please place categories where indicated at the bottom of this page and interwikis at Wikidata (see [[Wikipedia:Wikidata]]) --&gt;
 
 == Basic usage ==
 &lt;code&gt;{{((}}box|''Contents''}}&lt;/code&gt; produces:
 {{box|''Contents''}}
 
 == Parameters ==
 {|class=&quot;wikitable&quot; style=&quot;width:100%;{{#if:{{{no-special|}}}|display:none;}}&quot; 
 |+ Special parameters
 ! style=&quot;width: 8em;|Parameter 
 ! style=&quot;width: 16em;|Description
 ! Values
 |-
 | {{para|type}}
 | The type of box
 | {{box|type=black|black}}, {{box|type=white|white}} or {{box|type=transparent|transparent}}
 |-
 | {{para|span}}
 | Uses span tags instead of div tags
 | {{box|span=yes|yes}}
 |-
 | {{para|wide}}
 | Set the box to be as wide as the page/table
 | {{box|wide=yes|yes}}
 |-
 | {{para|inline}}
 | Set the box to be inline
 | text text text {{box|inline=yes|yes}} text text text
 |-
 | {{para|header}}
 | Adds an '''optional''' header
 | {{box|header=Header|Text}}
 |-
 | {{para|shadow}}
 | Add a shadow to the box
 | {{box|shadow=y|yes}}
 |}
 
 {| class=&quot;wikitable&quot; style=&quot;width: 100%;&quot;
 |+ CSS parameters
 ! style=&quot;width:auto&quot;|Parameter 
 ! Description
 ! Default 
 ! CSS
 |-
 | &lt;code&gt;&quot;content&quot;&lt;/code&gt;
 | The contents of the box ('''Necessary''')
 | 
 | 
 |-
 | {{small|''opt1''}}&lt;br/&gt; &amp;nbsp;{{para|background}}&lt;br/&gt;{{small|''opt2''}}&lt;br/&gt; &amp;nbsp;{{para|color}}
 | The color of the background of the box
 | White
 | background-color
 |-
 | {{para|align}}
 | The alignment of the box (left, center, right) ('''Recommended''')
 | left
 | float
 |-
 | {{para|padding}}
 | The inner padding of the border
 | 3px
 | padding
 |-
 | {{para|style}}
 | The style of the border
 | Solid
 | border-style
 |-
 | {{para|border color}}
 | The color of the border
 | Black
 | border-color
 |-
 | {{para|border size}}
 | The size of the border
 | 3px
 | border-width
 |-
 | {{para|text align}}
 | The alignment of the text ('''Recommended''')
 | left
 | text-align
 |-
 | {{para|spacing}}
 | The spacing of the letters
 | 
 | letter-spacing
 |-
 | {{para|font}}
 |The font of the box's text
 |
 |font-family
 |-
 |{{para|font size}}
 |The font size of the box's text
 |
 |font-size
 |-
 |{{para|text color}}
 |The color of the text
 |black
 |text-color
 |-
 |{{para|margin}}
 |The outer margin of the box (Only does horizontal when type isn't &lt;code&gt;inline-block&lt;/code&gt; or &lt;code&gt;block&lt;/code&gt;)
 |3px
 |margin
 |-
 |{{para|box type}}
 |The type of box (inline, inline-block, block)
 |inline-block
 |display
 |-
 |{{para|height}}
 |The height of the box
 |
 |height
 |-
 |{{para|width}}
 |The width of the box
 |(The width of the text)
 |width
 |-
 |{{para|CSS}}
 |Any Additional CSS you want to add 
 ('''make sure to add ; to end''')
 |
 |
 |}
 
 {| class=&quot;wikitable&quot; style=&quot;width: 100%;
 |+ Other CSS parameters
 ! style=&quot;width: 8em;|Parameter 
 ! Description
 ! Default 
 ! CSS
 |-
 |{{para|top margin}}
 |The top outer margin of the box (Only does horizontal when type isn't &lt;code&gt;inline-block&lt;/code&gt; or &lt;code&gt;block&lt;/code&gt;)
 |3px
 |margin-top
 |-
 |{{para|bottom margin}}
 |The bottom outer margin of the box (Only does horizontal when type isn't &lt;code&gt;inline-block&lt;/code&gt; or &lt;code&gt;block&lt;/code&gt;)
 |3px
 |margin-bottom
 |-
 |{{para|left margin}}
 |The left outer margin of the box (Only does horizontal when type isn't &lt;code&gt;inline-block&lt;/code&gt; or &lt;code&gt;block&lt;/code&gt;)
 |3px
 |margin-left
 |-
 |{{para|right margin}}
 |The right outer margin of the box (Only does horizontal when type isn't &lt;code&gt;inline-block&lt;/code&gt; or &lt;code&gt;block&lt;/code&gt;)
 |3px
 |margin-right
 |-
 |{{para|top padding}}
 |The top inner padding of the border
 |3px
 |padding-top
 |-
 |{{para|bottom padding}}
 |The bottom inner padding of the border
 |3px
 |padding-bottom
 |-
 |{{para|left padding}}
 |The left inner padding of the border
 |3px
 |padding-left
 |-
 |{{para|right padding}}
 |The right inner padding of the border
 |3px
 |padding-right
 |-
 |{{para|radius}}
 |Border radius
 |0
 |border-radius
 |-
 |{{para|max-height}}
 |The maximum height of the box
 |
 |max-height
 |-
 |{{para|min-height}}
 |The minimum height of the box
 |
 |min-height
 |-
 |{{para|max-width}}
 |The maximum width of the box
 |
 |max-width
 |-
 |{{para|min-width}}
 |The minimum width of the box
 |
 |min-width
 |}
 
 ==Examples==
 {{lorem}}{{box|A|background=red|text color=white}}{{box|B|background=blue|text color=orange}}{{lorem|2}}{{box|C|background=black|text color=white|margin=0px|height=1em|width=40px|border color=yellow}}{{lorem}}
 {{clear}}
 &lt;syntaxhighlight lang=&quot;wikitext&quot;&gt;{{box|A|background=red|text color=white}}
 {{box|B|background=blue|text color=orange}}
 {{box|C|background=black|text color=white|margin=0px|height=1em|width=40px|border color=yellow}}
 &lt;/syntaxhighlight&gt;
 {{clear}}
 ----
 {{box|spacing=5px|height=50px|DOG}} 
 {{clear}}
 &lt;syntaxhighlight lang=&quot;wikitext&quot;&gt;{{box|spacing=5px|height=50px|DOG}}&lt;/syntaxhighlight&gt;
 {{clear}}
 ----
 {{box|background=yellow|align=center|border size=10px|radius=20px|text align=center|The quick brown fox jumps over the lazy dog}}
 {{clear}}
 &lt;syntaxhighlight lang=&quot;wikitext&quot;&gt;{{box|background=yellow|align=center|border size=10px|radius=20px|text align=center|The quick brown fox jumps over the lazy dog}}&lt;/syntaxhighlight&gt;
 
 == TemplateData ==
 {{TemplateData header}}
 &lt;templatedata&gt;
 {
 	&quot;params&quot;: {
 		&quot;1&quot;: {
 			&quot;description&quot;: &quot;The contents of the box&quot;,
 			&quot;example&quot;: &quot;Hello, world!&quot;,
 			&quot;suggested&quot;: true
 		},
 		&quot;header&quot;: {
 			&quot;description&quot;: &quot;A heading for the box&quot;,
 			&quot;example&quot;: &quot;Warning&quot;,
 			&quot;suggested&quot;: true
 		},
 		&quot;align&quot;: {
 			&quot;description&quot;: &quot;The alignment of the box&quot;,
 			&quot;example&quot;: &quot;center&quot;,
 			&quot;default&quot;: &quot;left&quot;,
 			&quot;suggested&quot;: true
 		},
 		&quot;box type&quot;: {
 			&quot;description&quot;: &quot;The type of box (css display) (block, inline-block or inline)&quot;,
 			&quot;example&quot;: &quot;block&quot;,
 			&quot;autovalue&quot;: &quot;inline-block&quot;
 		},
 		&quot;wide&quot;: {
 			&quot;description&quot;: &quot;If set to yes the box will be wide&quot;,
 			&quot;example&quot;: &quot;yes&quot;,
 			&quot;type&quot;: &quot;boolean&quot;,
 			&quot;default&quot;: &quot;no&quot;,
 			&quot;autovalue&quot;: &quot;&quot;
 		},
 		&quot;inline&quot;: {
 			&quot;description&quot;: &quot;Set to yes for the box type to be inline&quot;,
 			&quot;example&quot;: &quot;yes&quot;,
 			&quot;type&quot;: &quot;boolean&quot;,
 			&quot;default&quot;: &quot;no&quot;
 		},
 		&quot;style&quot;: {
 			&quot;description&quot;: &quot;The style of the border&quot;,
 			&quot;default&quot;: &quot;solid&quot;
 		},
 		&quot;padding&quot;: {
 			&quot;description&quot;: &quot;The padding of the box&quot;,
 			&quot;default&quot;: &quot;3px&quot;
 		},
 		&quot;top padding&quot;: {
 			&quot;description&quot;: &quot;The top padding of the box&quot;
 		},
 		&quot;bottom padding&quot;: {
 			&quot;description&quot;: &quot;The bottom padding of the box&quot;
 		},
 		&quot;left padding&quot;: {
 			&quot;description&quot;: &quot;The left padding of the box&quot;
 		},
 		&quot;right padding&quot;: {
 			&quot;description&quot;: &quot;The right padding of the box&quot;
 		},
 		&quot;border color&quot;: {
 			&quot;description&quot;: &quot;The color of the box border&quot;,
 			&quot;example&quot;: &quot;red&quot;,
 			&quot;type&quot;: &quot;string&quot;,
 			&quot;default&quot;: &quot;black&quot;
 		},
 		&quot;radius&quot; : {
 			&quot;description&quot;: &quot;Border corner radius&quot;,
 			&quot;example&quot;: &quot;5em&quot;,
 			&quot;default&quot;: &quot;0&quot;
 		},
 		&quot;type&quot;: {
 			&quot;description&quot;: &quot;The type of box (black,white,transparent)&quot;,
 			&quot;example&quot;: &quot;black&quot;
 		},
 		&quot;border size&quot;: {
 			&quot;description&quot;: &quot;The size of the border&quot;,
 			&quot;default&quot;: &quot;3px&quot;
 		},
 		&quot;color&quot;: {
 			&quot;aliases&quot;: [
 				&quot;background&quot;
 			],
 			&quot;description&quot;: &quot;The color of background&quot;,
 			&quot;example&quot;: &quot;black&quot;,
 			&quot;default&quot;: &quot;white&quot;
 		},
 		&quot;text color&quot;: {
 			&quot;description&quot;: &quot;The color of the text&quot;,
 			&quot;example&quot;: &quot;green&quot;,
 			&quot;default&quot;: &quot;black&quot;
 		},
 		&quot;text align&quot;: {
 			&quot;description&quot;: &quot;The alignment of the text (css text-align)&quot;,
 			&quot;example&quot;: &quot;center&quot;,
 			&quot;default&quot;: &quot;left&quot;
 		},
 		&quot;spacing&quot;: {
 			&quot;description&quot;: &quot;The spacing of the letters&quot;
 		},
 		&quot;font&quot;: {
 			&quot;description&quot;: &quot;The font of the text&quot;
 		},
 		&quot;font size&quot;: {
 			&quot;aliases&quot;: [
 				&quot;text size&quot;
 			],
 			&quot;description&quot;: &quot;The size of the text&quot;
 		},
 		&quot;margin&quot;: {
 			&quot;description&quot;: &quot;The size of the box's margin&quot;,
 			&quot;example&quot;: &quot;30px&quot;,
 			&quot;default&quot;: &quot;3px&quot;
 		},
 		&quot;top margin&quot;: {
 			&quot;description&quot;: &quot;The size of the box's top margin&quot;
 		},
 		&quot;bottom margin&quot;: {
 			&quot;description&quot;: &quot;The size of the box's bottom margin&quot;
 		},
 		&quot;left margin&quot;: {
 			&quot;description&quot;: &quot;The size of the box's left margin&quot;
 		},
 		&quot;right margin&quot;: {
 			&quot;description&quot;: &quot;The size of the box's right margin&quot;
 		},
 		&quot;height&quot;: {
 			&quot;description&quot;: &quot;The height of the box&quot;,
 			&quot;example&quot;: &quot;400px&quot;,
 			&quot;default&quot;: &quot;''the height of the contents plus the margin''&quot;
 		},
 		&quot;max-height&quot;: {
 			&quot;description&quot;: &quot;The maximum height of the box&quot;,
 			&quot;example&quot;: &quot;800px&quot;
 		},
 		&quot;min-height&quot;: {
 			&quot;description&quot;: &quot;The minimum height of the box&quot;,
 			&quot;example&quot;: &quot;100px&quot;
 		},
 		&quot;width&quot;: {
 			&quot;description&quot;: &quot;The width of the box&quot;,
 			&quot;default&quot;: &quot;''the width of the text plus the margin or padding''&quot;
 		},
 		&quot;max-width&quot;: {
 			&quot;description&quot;: &quot;The maximum width of the box&quot;
 		},
 		&quot;min-width&quot;: {
 			&quot;description&quot;: &quot;The minimum width of the box&quot;
 		},
 		&quot;CSS&quot;: {
 			&quot;description&quot;: &quot;Any additional CSS to use&quot;
 		}
 	},
 	&quot;description&quot;: &quot;This template produces a variety of boxes from preset options and from CSS.&quot;,
 	&quot;format&quot;: &quot;inline&quot;
 }
 &lt;/templatedata&gt;
 
 ==Tracking category==
 * {{Category link with count|Pages using box with unknown parameters}}
 
 ==See also==
 * {{tl|Divbox}}
 * {{tl|Side box}}
 
 &lt;includeonly&gt;{{sandbox other||
 &lt;!-- Categories below this line, please; interwikis at Wikidata --&gt;
 [[Category:Box templates|!]]
 [[Category:Templates that add a tracking category]]