แม่แบบ:กล่อง

คู่มือการใช้งานแม่แบบ[ดู] [แก้] [ประวัติ] [ล้างแคช]

Usage

Recommended 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

Supported Parameters

Parameter	Description	Default	CSS
	The contents of the box (Highly Recommend)
|background=/|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	background-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

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.

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.

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|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.

พารามิเตอร์แม่แบบ[แก้ไขข้อมูลแม่แบบ]

แม่แบบนี้ต้องการการจัดรูปแบบพารามิเตอร์แบบอินไลน์

พารามิเตอร์		คำอธิบาย	ชนิด	สถานะ
1	1	The contents of the box ตัวอย่าง Hello, world!	ไม่ทราบชนิด	แนะนำ
header	header	A heading for the box ตัวอย่าง Warning	ไม่ทราบชนิด	แนะนำ
align	align	The alignment of the box ค่าปริยาย left ตัวอย่าง center	ไม่ทราบชนิด	แนะนำ
box type	box type	The type of box (css display) (block,inline-block or inline) ตัวอย่าง block ค่าอัตโนมัติ inline-block	ไม่ทราบชนิด	เลือกได้
wide	wide	If set to yes the box will be wide ค่าปริยาย no ตัวอย่าง yes ค่าอัตโนมัติ	ตรรกะ	เลือกได้
inline	inline	Set to yes for the box type to be inline ค่าปริยาย no ตัวอย่าง yes	ตรรกะ	เลือกได้
style	style	The style of the border ค่าปริยาย solid	ไม่ทราบชนิด	เลือกได้
padding	padding	The padding of the box ค่าปริยาย 3px	ไม่ทราบชนิด	เลือกได้
top padding	top padding	The top padding of the box	ไม่ทราบชนิด	เลือกได้
bottom padding	bottom padding	Thebottom padding of the box	ไม่ทราบชนิด	เลือกได้
left padding	left padding	The left padding of the box	ไม่ทราบชนิด	เลือกได้
right padding	right padding	The right padding of the box	ไม่ทราบชนิด	เลือกได้
border color	border color	The color of the box border ค่าปริยาย black ตัวอย่าง red	สตริง	เลือกได้
type	type	The type of box (black,white,transparent) ตัวอย่าง black	ไม่ทราบชนิด	เลือกได้
border size	border size	The size of the border ค่าปริยาย 3px	ไม่ทราบชนิด	เลือกได้
color	color background	The color of background ค่าปริยาย white ตัวอย่าง black	ไม่ทราบชนิด	เลือกได้
text color	text color	The color of the text ค่าปริยาย black ตัวอย่าง green	ไม่ทราบชนิด	เลือกได้
text align	text align	The alignment of the text (css text-align) ค่าปริยาย left ตัวอย่าง center	ไม่ทราบชนิด	เลือกได้
spacing	spacing	The spacing of the letters	ไม่ทราบชนิด	เลือกได้
font	font	The font of the text	ไม่ทราบชนิด	เลือกได้
font size	font size text size	The size of the text	ไม่ทราบชนิด	เลือกได้
margin	margin	The size of the box's margin ค่าปริยาย 3px ตัวอย่าง 30px	ไม่ทราบชนิด	เลือกได้
top margin	top margin	The size of the box's top margin	ไม่ทราบชนิด	เลือกได้
bottom margin	bottom margin	The size of the box's bottom margin	ไม่ทราบชนิด	เลือกได้
left margin	left margin	The size of the box's left margin	ไม่ทราบชนิด	เลือกได้
right margin	right margin	The size of the box's right margin	ไม่ทราบชนิด	เลือกได้
height	height	The height of the box ค่าปริยาย ''the height of the contents plus the margin'' ตัวอย่าง 400px	ไม่ทราบชนิด	เลือกได้
width	width	The width of the box ค่าปริยาย ''the width of the text plus the margin''	ไม่ทราบชนิด	เลือกได้
CSS	CSS	Any additional CSS to use	ไม่ทราบชนิด	เลือกได้

Tracking categories

• หมวดหมู่:Pages using box with unknown parameters (0)
• หมวดหมู่:Pages using box-r with unknown parameters (0)

See also

• {{Divbox}}
• {{sidebar box}}