User:Immewnity/Border specifications
This article is a proposed policy for Bulbapedia.
Please discuss the proposed policy and suggest possible changes on the article's talk page. |
When coding a template, Bulbawiki standards have come to have rounded borders in most templates. The CSS3 specification for accomplishing this is border-radius
; however, many popular browsers have taken to using their own specification. At the moment, Gecko-based (i.e. Mozilla Firefox, Flock), WebKit-based (i.e. Apple Safari, Google Chrome), and Presto-based browsers (i.e. Opera) support a form of this. Other browsers, such as Microsoft Internet Explorer, do not currently support this; however, there are workarounds. Reference sites for these specifications can be found below.
border-radius
Browsers using this
- Newer versions of Opera (older versions used browser-specific code)
Corner formatting
border-top-left-radius
-moz-border-radius
Browsers using this
- Gecko-based browsers ( Mozilla Firefox, Flock, etc.)
Corner formatting
border-radius-topleft
-webkit-border-radius
Browsers using this
- WebKit-based browsers ( Apple Safari, Google Chrome, etc.)
Corner formatting
-webkit-border-top-left-radius
-khtml-border-radius
Browsers using this
- KHTML-based browsers ( Konquerer, some versions of Apple Safari)
Corner formatting
-khtml-border-top-left-radius
-icab-border-radius
Browsers using this
- Early versions of iCab (newer use WebKit)
Corner formatting
-icab-border-top-left-radius
-o-border-radius
Browsers using this
- Presto-based browsers ( Opera)
Corner formatting
-o-border-top-left-radius
Unsupported
Microsoft Internet Explorer
Even with IE8 released, Internet Explorer has yet to have any form of border-radius
implemented. A transition to the CSS3 standard border-radius
is planned for IE9. A workaround is found here, which uses an IE specific JavaScript code to create rounded borders.