17,233
edits
mNo edit summary |
(fixed a few typos and simplified the logic) |
||
Line 1: | Line 1: | ||
<onlyinclude>{{#switch: {{lc:{{{1|}}}}} | |||
|#default={{{1|}}} | | #default = border-radius: {{{1|20}}}px; -moz-border-radius: {{{1|20}}}px; -webkit-border-radius: {{{1|20}}}px; -khtml-border-radius: {{{1|20}}}px; -icab-border-radius: {{{1|20}}}px; -o-border-radius: {{{1|20}}}px; | ||
| | | tl | topleft | top-left | top left = border-top-left-radius: {{{2|20}}}px; -moz-border-radius-topleft: {{{2|20}}}px; -webkit-border-top-left-radius: {{{2|20}}}px; -khtml-border-top-left-radius: {{{2|20}}}px; -icab-border-top-left-radius: {{{2|20}}}px; -o-border-top-left-radius: {{{2|20}}}px; | ||
| t | top = border-top-left-radius: {{{2|20}}}px; -moz-border-radius-topleft: {{{2|20}}}px; -webkit-border-top-left-radius: {{{2|20}}}px; -khtml-border-top-left-radius: {{{2|20}}}px; -icab-border-top-left-radius: {{{2|20}}}px; -o-border-top-left-radius: {{{2|20}}}px; border-top-right-radius: {{{2|20}}}px; -moz-border-radius-topright: {{{2|20}}}px; -webkit-border-top-right-radius: {{{2|20}}}px; -khtml-border-top-right-radius: {{{2|20}}}px; -icab-border-top-right-radius: {{{2|20}}}px; -o-border-top-right-radius: {{{2|20}}}px; | |||
| tr | topright | top-right | top right = border-top-right-radius: {{{2|20}}}px; -moz-border-radius-topright: {{{2|20}}}px; -webkit-border-top-right-radius: {{{2|20}}}px; -khtml-border-top-right-radius: {{{2|20}}}px; -icab-border-top-right-radius: {{{2|20}}}px; -o-border-top-right-radius: {{{2|20}}}px; | |||
| | | l | left = border-top-left-radius: {{{2|20}}}px; -moz-border-radius-topleft: {{{2|20}}}px; -webkit-border-top-left-radius: {{{2|20}}}px; -khtml-border-top-left-radius: {{{2|20}}}px; -icab-border-top-left-radius: {{{2|20}}}px; -o-border-top-left-radius: {{{2|20}}}px; border-bottom-left-radius: {{{2|20}}}px; -moz-border-radius-bottomleft: {{{2|20}}}px; -webkit-border-bottom-left-radius: {{{2|20}}}px; -khtml-border-bottom-left-radius: {{{2|20}}}px; -icab-border-bottom-left-radius: {{{2|20}}}px; -o-border-bottom-left-radius: {{{2|20}}}px; | ||
| | | n | normal = border-radius: {{{2|20}}}px; -moz-border-radius: {{{2|20}}}px; -webkit-border-radius: {{{2|20}}}px; -khtml-border-radius: {{{2|20}}}px; -icab-border-radius: {{{2|20}}}px; -o-border-radius: {{{2|20}}}px; | ||
| | | r | right = border-top-right-radius: {{{2|20}}}px; -moz-border-radius-topright: {{{2|20}}}px; -webkit-border-top-right-radius: {{{2|20}}}px; -khtml-border-top-right-radius: {{{2|20}}}px; -icab-border-top-right-radius: {{{2|20}}}px; -o-border-top-right-radius: {{{2|20}}}px; border-bottom-right-radius: {{{2|20}}}px; -moz-border-radius-bottomright: {{{2|20}}}px; -webkit-border-bottom-right-radius: {{{2|20}}}px; -khtml-border-bottom-right-radius: {{{2|20}}}px; -icab-border-bottom-right-radius: {{{2|20}}}px; -o-border-bottom-right-radius: {{{2|20}}}px; | ||
| bl | bottomleft | bottom-left | bottom left = border-bottom-left-radius: {{{2|20}}}px; -moz-border-radius-bottomleft: {{{2|20}}}px; -webkit-border-bottom-left-radius: {{{2|20}}}px; -khtml-border-bottom-left-radius: {{{2|20}}}px; -icab-border-bottom-left-radius: {{{2|20}}}px; -o-border-bottom-left-radius: {{{2|20}}}px; | |||
| b | bottom = border-bottom-left-radius: {{{2|20}}}px; -moz-border-radius-bottomleft: {{{2|20}}}px; -webkit-border-bottom-left-radius: {{{2|20}}}px; -khtml-border-bottom-left-radius: {{{2|20}}}px; -icab-border-bottom-left-radius: {{{2|20}}}px; -o-border-bottom-left-radius: {{{2|20}}}px; border-bottom-right-radius: {{{2|20}}}px; -moz-border-radius-bottomright: {{{2|20}}}px; -webkit-border-bottom-right-radius: {{{2|20}}}px; -khtml-border-bottom-right-radius: {{{2|20}}}px; -icab-border-bottom-right-radius: {{{2|20}}}px; -o-border-bottom-right-radius: {{{2|20}}}px; | |||
|top- | | br | bottomright | bottom-right | bottom right = border-bottom-right-radius: {{{2|20}}}px; -moz-border-radius-bottomright: {{{2|20}}}px; -webkit-border-bottom-right-radius: {{{2|20}}}px; -khtml-border-bottom-right-radius: {{{2|20}}}px; -icab-border-bottom-right-radius: {{{2|20}}}px; -o-border-bottom-right-radius: {{{2|20}}}px; | ||
}}</onlyinclude> | |||
| | |||
| | |||
| | |||
| | |||
| | |||
}}} | |||
-- | |||
| | |||
|top=border-top- | |||
| | |||
| | |||
|bottom=border-bottom- | |||
==Purpose== | ==Purpose== | ||
Line 42: | Line 16: | ||
==Usage== | ==Usage== | ||
For basic usage, type: {{ | For basic usage, type: {{Usage|Radius of Rounding}} | ||
{{ | {{Usage/Param|Radius of Rounding|The amount to round the corners, in terms of pixels in pure number (no letters). A higher number results in a more extreme curve.|optional|20}} | ||
This code is intended to be placed in the coding for div tags or in tables. The code can format the div tag, a whole table, or an indiviual cell. The code is expected to be used as '''<nowiki>style="{{ | This code is intended to be placed in the coding for div tags or in tables. The code can format the div tag, a whole table, or an indiviual cell. The code is expected to be used as '''<nowiki>style="{{Round}}"</nowiki>''', the "style" portion is not included in the template to allow for additional style modifications. | ||
===Advanced Usage=== | ===Advanced Usage=== | ||
The template can be used in a more complex manner with: {{ | The template can be used in a more complex manner with: {{Usage|Type of Rounding|Radius of Rounding}} | ||
With the available types being: | With the available types being: | ||
Line 75: | Line 49: | ||
| align=left style="{{round|bottomright}}; padding: 5px" | '''bottomright''' | | align=left style="{{round|bottomright}}; padding: 5px" | '''bottomright''' | ||
|} | |} | ||
{{Cat|Formatting Templates}} | {{Cat|Formatting Templates}} | ||