|
|
Line 1: |
Line 1: |
| ==Usage==
| |
| This template is for making round corners to tables and such in a way that is compatible with all the browsers that support them, which at the moment are: Firefox (and other Gecko-based browsers), Safari and Chrome (and other Webkit-based browsers), Konqueror (and other KHTML-based browsers) and Opera (though only older versions as they seem to have removed support for it).
| |
|
| |
|
| To get those pretty corners, just use this template in the style attribute of the thing you want rounded instead of <tt>-*-border-radius:amount</tt>.
| |
|
| |
| <div style="background: black; color: grey; padding: 1px 4px; {{border-radius|8px}}">
| |
| This box was created with the following code:
| |
| <pre>
| |
| <div style="background: black; color: grey; padding: 1px 4px; {{border-radius|8px}}">
| |
| Here be contents...
| |
| </div>
| |
| </pre>
| |
| </div>
| |