Cèṭa'an:Box
src
attribute must not be empty.This template is used on many 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. |
src
attribute must not be empty.This template uses Lua: |
Basic usage
beccè'{{box|Contents}}
produces:
Parameters
beccè'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
|
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) |
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
beccè'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.
{{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}}
TemplateData
beccè'TemplateData untuk Box
This template produces a variety of boxes from preset options and from CSS.
Parameter | Keterangan | Jenis | Status | |
---|---|---|---|---|
1 | 1 | The contents of the box
| Tak dikenal | disarankan |
header | header | A heading for the box
| Tak dikenal | disarankan |
align | align | The alignment of the box
| Tak dikenal | disarankan |
box type | box type | The type of box (css display) (block, inline-block or inline)
| Tak dikenal | opsional |
wide | wide | If set to yes the box will be wide
| Boolean | opsional |
inline | inline | Set to yes for the box type to be inline
| Boolean | opsional |
style | style | The style of the border
| Tak dikenal | opsional |
padding | padding | The padding of the box
| 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
| Kata | opsional |
radius | radius | Border corner radius
| Tak dikenal | opsional |
type | type | The type of box (black,white,transparent)
| Tak dikenal | opsional |
border size | border size | The size of the border
| Tak dikenal | opsional |
color | color background | The color of background
| Tak dikenal | opsional |
text color | text color | The color of the text
| Tak dikenal | opsional |
text align | text align | The alignment of the text (css text-align)
| 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
| 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
| Tak dikenal | opsional |
max-height | max-height | The maximum height of the box
| Tak dikenal | opsional |
min-height | min-height | The minimum height of the box
| Tak dikenal | opsional |
width | width | The width of the box
| 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 |