Template:Box

Sample Text

Template documentation[view] [edit] [history] [purge]

This template is used on approximately 4,600 pages and changes may be widely noticed. Test changes in the template's /sandbox or /testcases subpages, or in your own user subpage. Consider discussing changes on the talk page before implementing them.

This template uses Lua:

Module:Check for unknown parameters (sandbox)

Usage

Sample Usage: {{box|Contents}}

Special Parameters
Parameter	Description	Values
`\|type=`	The type of box	black , white or transparent
`\|span=`	Uses span tags instead of div tags	yes
`\|wide=`	Set the box to be as wide as the page/table	yes
`\|inline=`	Set the box to be inline	text text text yes text text text
`\|header=`	Adds an optional header	Header Text
`\|shadow=`	Add a shadow to the box	yes

Supported Parameters
Parameter	Description	Default	CSS
`"content"`	The contents of the box (Necessary)
opt1 `\|background=` opt2 `\|color=`	The color of the background of the box	White	background-color
`\|align=`	The alignment of the box (left, center, right) (Recommended)	left	float
`\|padding=`	The inner padding of the border	3px	padding
`\|style=`	The style of the border	Solid	border-style
`\|border color=`	The color of the border	Black	border-color
`\|border size=`	The size of the border	3px	border-width
`\|text align=`	The alignment of the text (Recommended)	left	text-align
`\|spacing=`	The spacing of the letters		letter-spacing
`\|font=`	The font of the box's text		font-family
`\|font size=`	The font size of the box's text		font-size
`\|text color=`	The color of the text	black	text-color
`\|margin=`	The outer margin of the box (Only does horizontal when type isn't `inline-block` or `block`)	3px	margin
`\|box type=`	The type of box (inline, inline-block, block)	inline-block	display
`\|height=`	The height of the box		height
`\|width=`	The width of the box	(The width of the text)	width
`\|CSS=`	Any Additional CSS you want to add (make sure to add ; to end)

Other Parameters
Parameter	Description	Default	CSS
`\|top margin=`	The top outer margin of the box (Only does horizontal when type isn't `inline-block` or `block`)	3px	margin-top
`\|bottom margin=`	The bottom outer margin of the box (Only does horizontal when type isn't `inline-block` or `block`)	3px	margin-bottom
`\|left margin=`	The left outer margin of the box (Only does horizontal when type isn't `inline-block` or `block`)	3px	margin-left
`\|right margin=`	The right outer margin of the box (Only does horizontal when type isn't `inline-block` or `block`)	3px	margin-right
`\|top padding=`	The top inner padding of the border	3px	padding-top
`\|bottom padding=`	The bottom inner padding of the border	3px	padding-bottom
`\|left padding=`	The left inner padding of the border	3px	padding-left
`\|right padding=`	The right inner padding of the border	3px	padding-right
`\|radius=`	Border radius	0	border-radius
`\|max-height=`	The maximum height of the box		max-height
`\|min-height=`	The minimum height of the box		min-height
`\|max-width=`	The maximum width of the box		max-width
`\|min-width=`	The minimum width of the box		min-width

Examples

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.

A

B

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.

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

C

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.

{{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}}

DOG

{{box|spacing=5px|height=50px|DOG}}

The quick brown fox jumps over the lazy dog

{{box|background=yellow|align=center|border size=10px|radius=20px|text align=center|The quick brown fox jumps over the lazy dog}}

Data

This template produces a variety of boxes from preset options and from CSS.

Template parameters[Edit template data]
This template prefers inline formatting of parameters.
Parameter		Description	Type	Status
1	`1`	The contents of the box Example Hello, world!	Unknown	suggested
header	`header`	A heading for the box Example Warning	Unknown	suggested
align	`align`	The alignment of the box Default left Example center	Unknown	suggested
box type	`box type`	The type of box (css display) (block, inline-block or inline) Example block Auto value `inline-block`	Unknown	optional
wide	`wide`	If set to yes the box will be wide Default no Example yes Auto value	Boolean	optional
inline	`inline`	Set to yes for the box type to be inline Default no Example yes	Boolean	optional
style	`style`	The style of the border Default solid	Unknown	optional
padding	`padding`	The padding of the box Default 3px	Unknown	optional
top padding	`top padding`	The top padding of the box	Unknown	optional
bottom padding	`bottom padding`	The bottom padding of the box	Unknown	optional
left padding	`left padding`	The left padding of the box	Unknown	optional
right padding	`right padding`	The right padding of the box	Unknown	optional
border color	`border color`	The color of the box border Default black Example red	String	optional
radius	`radius`	Border corner radius Default 0 Example 5em	Unknown	optional
type	`type`	The type of box (black,white,transparent) Example black	Unknown	optional
border size	`border size`	The size of the border Default 3px	Unknown	optional
color	`color` `background`	The color of background Default white Example black	Unknown	optional
text color	`text color`	The color of the text Default black Example green	Unknown	optional
text align	`text align`	The alignment of the text (css text-align) Default left Example center	Unknown	optional
spacing	`spacing`	The spacing of the letters	Unknown	optional
font	`font`	The font of the text	Unknown	optional
font size	`font size` `text size`	The size of the text	Unknown	optional
margin	`margin`	The size of the box's margin Default 3px Example 30px	Unknown	optional
top margin	`top margin`	The size of the box's top margin	Unknown	optional
bottom margin	`bottom margin`	The size of the box's bottom margin	Unknown	optional
left margin	`left margin`	The size of the box's left margin	Unknown	optional
right margin	`right margin`	The size of the box's right margin	Unknown	optional
height	`height`	The height of the box Default ''the height of the contents plus the margin'' Example 400px	Unknown	optional
max-height	`max-height`	The maximum height of the box Example 800px	Unknown	optional
min-height	`min-height`	The minimum height of the box Example 100px	Unknown	optional
width	`width`	The width of the box Default ''the width of the text plus the margin or padding''	Unknown	optional
max-width	`max-width`	The maximum width of the box	Unknown	optional
min-width	`min-width`	The minimum width of the box	Unknown	optional
CSS	`CSS`	Any additional CSS to use	Unknown	optional

Template:Box

Usage

Examples

Data

Tracking categories

See also