Comments on: Cross-browser rounded corners! Works on IE but, but not on Opera!

By: Stoimen

Stoimen — Wed, 23 Jun 2010 12:30:52 +0000

Many thanks!

By: Alex C

Alex C — Wed, 23 Jun 2010 12:27:12 +0000

By the way, thanks for putting this great blog together. You have so many great articles.

By: Stoimen

Stoimen — Wed, 23 Jun 2010 12:25:22 +0000

Some of the new browser versions support that syntax, however most of the users worldwide still use older version browsers. We’ll see it someday in practice.

By: Alex C

Alex C — Wed, 23 Jun 2010 12:18:41 +0000

Wouldn’t it be wonderful if the other browsers adopted the same CSS3 syntax? Then those two lines would suffice.

By: Stoimen

Stoimen — Wed, 23 Jun 2010 11:41:57 +0000

The last two lines are CSS3, that’s why newer versions of Opera support this syntax.

By: Alex C

Alex C — Wed, 23 Jun 2010 00:44:39 +0000

I did some research for a new web site I’m building and found that the latest versions of Opera supported rounded corners; here’s code I used that supports just about all the browsers that have CSS3 capability (minus IE):

    -moz-border-radius:0px 7px 7px 0px;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -khtml-border-bottom-right-radius: 7px;
    -khtml-border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;

Note the last two lines — those are the ones for Opera. If you’re going to do uniform corners all around, then the syntax is border-radius for Opera.