Template:Border-radius

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) and Opera (and its derivates).

To get those pretty corners, just use this template in the style attribute of the thing you want rounded instead of -*-border-radius:amount.

This box was created with the following code:

<div style="background: black; color: grey; padding: 1px 4px; {{border-radius|8px}}">
Here be contents...
</div>