Template:Round: Difference between revisions
(Examples) |
m (→Example) |
||
| Line 62: | Line 62: | ||
Here is an example of how the various types look: | Here is an example of how the various types look: | ||
{| class=wikitable" style="{{round}}; padding: 5px" border=1 | {| class=wikitable" style="{{round}}; padding: 5px" border=1 | ||
| style="{{round|topleft}}; padding: 5px" | '''topleft''' | | align=right style="{{round|topleft}}; padding: 5px" | '''topleft''' | ||
| style="{{round|top}}; padding: 5px" | '''top''' | | align=center style="{{round|top}}; padding: 5px" | '''top''' | ||
| style="{{round|topright}}; padding: 5px" | '''topright''' | | align=left style="{{round|topright}}; padding: 5px" | '''topright''' | ||
|- | |- | ||
| style="{{round|left}}; padding: 5px" | '''left''' | | align=right style="{{round|left}}; padding: 5px" | '''left''' | ||
| style="{{round}}; padding: 5px" | '''normal''' | | align=center style="{{round}}; padding: 5px" | '''normal''' | ||
| style="{{round|right}}; padding: 5px" | '''right''' | | align=left style="{{round|right}}; padding: 5px" | '''right''' | ||
|- | |- | ||
| style="{{round|bottomleft}}; padding: 5px" | '''bottomleft''' | | align=right style="{{round|bottomleft}}; padding: 5px" | '''bottomleft''' | ||
| style="{{round|bottom}}; padding: 5px" | '''bottom''' | | align=center style="{{round|bottom}}; padding: 5px" | '''bottom''' | ||
| style="{{round|bottomright}}; padding: 5px" | '''bottomright''' | | align=left style="{{round|bottomright}}; padding: 5px" | '''bottomright''' | ||
|} | |} | ||
{{Cat|Formatting Templates}} | {{Cat|Formatting Templates}} | ||
</noinclude> | </noinclude> | ||
Revision as of 23:42, 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 |