Template:Round
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| Radius of Rounding }}
- 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. Default: 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.
Advanced Usage
The template can be used in a more complex manner with: {{Round| Type of Rounding | Radius of Rounding }}
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 |