Question

I want to apply a 3px top left & top right radius border.

How can I do this across all browsers (e.g. IE, WebKit, Mozilla)?

And if the browser doesn’t support the border-radius attribute, just default to no radius (square corner).

Answer 1

border-radius.com is great for this:

-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;