Template:Border-radius

-moz-border-radius:{{{1}}}; -webkit-border-radius:{{{1}}}; -opera-border-radius:{{{1}}}; -o-border-radius:{{{1}}}; -khtml-border-radius:{{{1}}}; border-radius:{{{1}}};

Description

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:

• Gecko-Based Browsers
  • Firefox
• Webkit-Based Browsers
  • Safari
  • Google Chrome
• KHTML-Based Browsers
  • Konqueror
• Others
  • Opera (Older versions only)

Usage

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>