CSS3 and Mozilla Border Radius Properties- DHTML Lab | 2

Fun with Mozilla Border RadiiThe CSS3 Proposal

The border-radius property enables the creation of rounded element corners, regardless of whether
borders have been specified.

The "radius" refers to the radius of the quarter-ellipse that forms the element corner, as illustrated in the image on the left, borrowed from the W3C documentation.

The table below illustrates the various property-value combinations possible
under the present proposal. We've also included our interpretation of what the
JavaScript syntax would look like if the proposal is adopted.

The border-radius property affects all four border corners of an element.
It accepts either one or two values.If a single value is specified, the horizontal radius and the vertical radius are identical.
If two values are specified, the first value defines the horizontal radius and the second the vertical one.