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