Template:Round: Difference between revisions
(Created template) |
(Examples) |
||
Line 59: | Line 59: | ||
*bottomright | *bottomright | ||
==Example== | |||
Here is an example of how the various types look: | |||
{| class=wikitable" style="{{round}}; padding: 5px" border=1 | |||
| style="{{round|topleft}}; padding: 5px" | '''topleft''' | |||
| style="{{round|top}}; padding: 5px" | '''top''' | |||
| style="{{round|topright}}; padding: 5px" | '''topright''' | |||
|- | |||
| style="{{round|left}}; padding: 5px" | '''left''' | |||
| style="{{round}}; padding: 5px" | '''normal''' | |||
| style="{{round|right}}; padding: 5px" | '''right''' | |||
|- | |||
| style="{{round|bottomleft}}; padding: 5px" | '''bottomleft''' | |||
| style="{{round|bottom}}; padding: 5px" | '''bottom''' | |||
| style="{{round|bottomright}}; padding: 5px" | '''bottomright''' | |||
|} | |||
{{Cat|Formatting Templates}} | {{Cat|Formatting Templates}} | ||
</noinclude> | </noinclude> |
Revision as of 22:50, January 27, 2012
border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -icab-border-radius: 20px; -o-border-radius: 20px
Purpose
This template adds the coding to round corners in tables and boxes for all possible internet browsers.
Usage
For basic usage, type: {{Round| Degree of Rounding (Optional) }}
- Degree 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 style="{{round}}", the "style" portion is not included in the template to allow for additional style modifications.
The template can be used in a more complex manner with: {{Round| Type of Rounding | Degree of Rounding (Optional) }}
With the available types being:
- topleft
- top
- topright
- left
- normal
- right
- bottomleft
- bottomright
Example
Here is an example of how the various types look:
topleft | top | topright |
left | normal | right |
bottomleft | bottom | bottomright |