Cèṭa'an:Box/doc

Basic usage

{{box|Contents}} produces:

Contents

Parameters

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

CSS 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 CSS 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 adipisicing 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 adipisicing 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 adipisicing 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}}

TemplateData

This is the TemplateData for this template used by TemplateWizard, VisualEditor and other tools. See a monthly parameter usage report for Template:Box in articles based on its TemplateData.

TemplateData for Box

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

Parameter templat

Templat ini lebih menyukai format parameter dalam satu baris.

Parameter		Keterangan	Jenis	Status
1	1	The contents of the box Contoh Hello, world!	Tak dikenal	disarankan
header	header	A heading for the box Contoh Warning	Tak dikenal	disarankan
align	align	The alignment of the box Baku left Contoh center	Tak dikenal	disarankan
box type	box type	The type of box (css display) (block, inline-block or inline) Contoh block Nilai otomatis inline-block	Tak dikenal	opsional
wide	wide	If set to yes the box will be wide Baku no Contoh yes Nilai otomatis	Boolean	opsional
inline	inline	Set to yes for the box type to be inline Baku no Contoh yes	Boolean	opsional
style	style	The style of the border Baku solid	Tak dikenal	opsional
padding	padding	The padding of the box Baku 3px	Tak dikenal	opsional
top padding	top padding	The top padding of the box	Tak dikenal	opsional
bottom padding	bottom padding	The bottom padding of the box	Tak dikenal	opsional
left padding	left padding	The left padding of the box	Tak dikenal	opsional
right padding	right padding	The right padding of the box	Tak dikenal	opsional
border color	border color	The color of the box border Baku black Contoh red	Kata	opsional
radius	radius	Border corner radius Baku 0 Contoh 5em	Tak dikenal	opsional
type	type	The type of box (black,white,transparent) Contoh black	Tak dikenal	opsional
border size	border size	The size of the border Baku 3px	Tak dikenal	opsional
color	color background	The color of background Baku white Contoh black	Tak dikenal	opsional
text color	text color	The color of the text Baku black Contoh green	Tak dikenal	opsional
text align	text align	The alignment of the text (css text-align) Baku left Contoh center	Tak dikenal	opsional
spacing	spacing	The spacing of the letters	Tak dikenal	opsional
font	font	The font of the text	Tak dikenal	opsional
font size	font size text size	The size of the text	Tak dikenal	opsional
margin	margin	The size of the box's margin Baku 3px Contoh 30px	Tak dikenal	opsional
top margin	top margin	The size of the box's top margin	Tak dikenal	opsional
bottom margin	bottom margin	The size of the box's bottom margin	Tak dikenal	opsional
left margin	left margin	The size of the box's left margin	Tak dikenal	opsional
right margin	right margin	The size of the box's right margin	Tak dikenal	opsional
height	height	The height of the box Baku ''the height of the contents plus the margin'' Contoh 400px	Tak dikenal	opsional
max-height	max-height	The maximum height of the box Contoh 800px	Tak dikenal	opsional
min-height	min-height	The minimum height of the box Contoh 100px	Tak dikenal	opsional
width	width	The width of the box Baku ''the width of the text plus the margin or padding''	Tak dikenal	opsional
max-width	max-width	The maximum width of the box	Tak dikenal	opsional
min-width	min-width	The minimum width of the box	Tak dikenal	opsional
CSS	CSS	Any additional CSS to use	Tak dikenal	opsional

Tracking category

• Bhângsa:Pages using box with unknown parameters (0)

See also

• {{Divbox}}
• {{Side box}}