It’s a totally exciting thing that the W3C & CSS3 offers web designers a new choice for making those beautiful rounded corners in a straightforward and easy manner.

Introducing: -moz-border-radius & -webkit-border-radius.

You need both to make all compatible browsers show the rounded border of CSS objects. Works on block elements, even fields. What a way to customize your form fields.

You can even adjust individual corners like so:

-moz-border-radius-topleft | -webkit-border-top-left-radius
-moz-border-radius-topright | -webkit-border-top-right-radius
-moz-border-radius-bottomleft | -webkit-border-bottom-left-radius
-moz-border-radius-bottomright | -webkit-border-bottom-right-radius

Needless to say this is pretty revolutionary, considering all the old ways of making rounded corners with CSS, JavaScript hacks, CSS hacks, images, etc… What a paint in the rectum. Of course Internet Explorer is still behind the times, and if you are using IE, then you won’t see anything but a boring old rectangle. Do yourself a favor and download FireFox. Intenet Explorer continually lags behind in innovation, and being standards compliant. Do they even have an integrated form field spell checker yet? I don’t really know cause I only use IE do make sure the design looks right in it. Alas this feature looks to be far in the future for IE.

Here’s an excerpt that leads me to realize this,

“Internet Explorer and the border-radius Properties

While the W3C has specified the border-radius properties in its latest CSS3 working draft, Microsoft has not implemented the border-radius properties in Internet Explorer 8.

Microsoft is committed to providing a browser that accurately supports Web standards. In Internet Explorer 8, we shipped several features from HTML5 and CSS3. Our primary goal was implementing CSS 2.1 (a specification that has reached final candidate stage) completely and correctly before moving on to specifications that are still in development and may change.” – From the Microsoft website.

Popularity: 35% [?]