Template:Border-radius
Jump to navigation
Jump to search
[edit] [ ] Template documentation
Usage
Can be used in the style property to create rounded corners. <div style="width:5em; height:10em; background:gray; {{Border-radius}}"></div>
makes:
To add a custom radius, pass an argument. <div style="width:5em; height:10em; background:gray; {{Border-radius|35%}}"></div>
makes:
You can also pass a custom radius per-corner. The order of corners is clockwise, starting from the top left corner. <div style="width:5em; height:10em; background:gray; {{Border-radius|7px|50px|0px|25px}}"></div>
makes: