Template:Box-r
.svg){kind=link}
It aligns the box to the right by default. Keep that in mind when looking at the documentation.
| File:Lua-Logo.svg | This template uses Lua: |
Usage[change]
{{box|Contents}}| Parameter | Description | Default | CSS |
|---|---|---|---|
"content"
|
The contents of the box (Highly Recommend) | ||
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 | 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) |
| 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 |
Examples[change]
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}}
{{box|spacing=5px|height=50px|DOG}}
{{box|background=yellow|align=center|border size=10px|radius=20px|text align=center|The quick brown fox jumps over the lazy dog}}
Data[change]
<templatedata> { "params": { "1": { "description": "The contents of the box", "example": "Hello, world!", "suggested": true }, "header": { "description": "A heading for the box", "example": "Warning", "suggested": true }, "align": { "description": "The alignment of the box", "example": "center", "default": "left", "suggested": true }, "box type": { "description": "The type of box (css display) (block,inline-block or inline)", "example": "block", "autovalue": "inline-block" }, "wide": { "description": "If set to yes the box will be wide", "example": "yes", "type": "boolean", "default": "no", "autovalue": "" }, "inline": { "description": "Set to yes for the box type to be inline", "example": "yes", "type": "boolean", "default": "no" }, "style": { "description": "The style of the border", "default": "solid" }, "padding": { "description": "The padding of the box", "default": "3px" }, "top padding": { "description": "The top padding of the box" }, "bottom padding": { "description": "Thebottom padding of the box" }, "left padding": { "description": "The left padding of the box" }, "right padding": { "description": "The right padding of the box" }, "border color": { "description": "The color of the box border", "example": "red", "type": "string", "default": "black" }, "radius" : { "description": "Border corner radius", "example": "5em", "default": "0" }, "type": { "description": "The type of box (black,white,transparent)", "example": "black" }, "border size": { "description": "The size of the border", "default": "3px" }, "color": { "aliases": [ "background" ], "description": "The color of background", "example": "black", "default": "white" }, "text color": { "description": "The color of the text", "example": "green", "default": "black" }, "text align": { "description": "The alignment of the text (css text-align)", "example": "center", "default": "left" }, "spacing": { "description": "The spacing of the letters" }, "font": { "description": "The font of the text" }, "font size": { "aliases": [ "text size" ], "description": "The size of the text" }, "margin": { "description": "The size of the box's margin", "example": "30px", "default": "3px" }, "top margin": { "description": "The size of the box's top margin" }, "bottom margin": { "description": "The size of the box's bottom margin" }, "left margin": { "description": "The size of the box's left margin" }, "right margin": { "description": "The size of the box's right margin" }, "height": { "description": "The height of the box", "example": "400px", "default": "the height of the contents plus the margin" }, "width": { "description": "The width of the box", "default": "the width of the text plus the margin" }, "CSS": { "description": "Any additional CSS to use" } }, "description": "This template produces a variety of boxes from preset options and from CSS.", "format": "inline" } </templatedata>
Tracking categories[change]
- Category:Pages using box with unknown parameters (3)
- Category:Pages using box-r with unknown parameters (0)
See also[change]
- {{Divbox}}