Template:Border-radius: Difference between revisions
Jump to navigation
Jump to search
(Created page with "<includeonly>-moz-border-radius: {{{1|8px}}}; -webkit-border-radius: {{{1|8px}}}; border-radius: {{{1|8px}}};</includeonly><noinclude> This template is used to add a rounded corner effect to tables and layers. The effect is achieved using CSS3 capabilities, so it will only appear in newer browsers that support it. The template accepts a single parameter representing the border radius. ==Example== <div class="mw-content-ltr"><tt><nowiki><div style="border:3px solid...") |
No edit summary |
||
| Line 1: | Line 1: | ||
<includeonly> | <includeonly>border-radius: {{{1|8px}}}; -webkit-border-radius: {{{1|8px}}}; -moz-border-radius: {{{1|8px}}}; </includeonly><noinclude> | ||
This template is used to add a rounded corner effect to tables and layers. The effect is achieved using [[CSS3]] capabilities, so it will only appear in newer browsers that support it. | This template is used to add a rounded corner effect to tables and layers. The effect is achieved using [[CSS3]] capabilities, so it will only appear in newer browsers that support it. | ||
Latest revision as of 01:28, 2 March 2025
This template is used to add a rounded corner effect to tables and layers. The effect is achieved using CSS3 capabilities, so it will only appear in newer browsers that support it.
The template accepts a single parameter representing the border radius.
Example[edit source]
<div style="border:3px solid #AAA; {{border-radius|8px}}">
Rounded black border
</div>
Result:
Rounded black border