CSS Help: borderRadius Property
This example shows a cool new feature associated with border styles.
The support isn't wide spread. This example tries to be smart about whether
your browser supports this or not. Until the CSS support is wide spread, it's
probably not worth integrating these plans into your application. However, if you
have a compelling reason, this feature is in the works.
At this time, the feature appears only to be support by the Mozilla browser, and
worse, since the standard isn't finalized yet, the support is offered through a
non-standard mechanism... but welcome to the real world. As the old adage suggests
"possession is 9/10's of the law". If we don't do stuff... the folks who talk about
doing stuff will never have anything to talk about.
View the source, save a local copy and tweak to your heart's content to see
the impact of property value changes.
| Class T1: Example of Normal Square Border |
|
| Class T2: Example of Curved Border |
|
| Class T3: Example of Curved Border |
|
| Class T4: Example of Curved Border |
|
| Class T5: Example of Curved Border |
|
| Class T6: Example of Curved Border |
|
Here's the code for the example (or, just view source for this page if you don't trust your
browser to -not- to munch the code itself.)
Related Keywords: css, borderradius, property, examples, curved border, css rounded corners