Rounded Corners

What are they all about?

What does your property or selector do?

Rounded Corners is a CSS3 border-radius property. It is one of the most popular CSS techniques because it ables web developers to easily generate boxes with rounded corners. Since it was announced in 2005, many different sytles of the rounded corners property have been created.

Why is this an improvment over previous solutions?

Prior to this border-radius property in CSS3, there was no way to create round corners without using table layouts which required heavy HTML markup or Javascript. This was very time consuming.

What browsers are your topic supported in?

Appears in Browsers: Saphari (version 5 – present), Opera (version 10.5 – present), Chrome (Versions 5 – present) and IE9. The border raduis property also works in FireFox however the prefix -moz- is required.