Rounded Corners in Opera

[skye riquelme]

Hi Folks

I have recently been playing around with Opera as a browser. I quite
like it, although you need to us ethe TiddySaver.jar. And, at first it
was not rendering my rounded corners on the display area as I
like..... and have just found out that the CSS for rounded corners in
Opera (as off version 11) is simply "border-radius"..... and for some
fum you can have the x-radius different from y-radius!!!!

Anyway..some of you may find that useful!!

Thanks
Skye

[Eric Shulman]

On Dec 4, 4:54 pm, skye riquelme <riquelme.s...@gmail.com> wrote:
> found out that the CSS for rounded corners in
> Opera (as off version 11) is simply "border-radius"

Other browsers use a different CSS attribute name for this. To ensure
that your document appears the same (or at least similar) across
different browsers, you need to include multiple attribute
definitions, like this:

.displayArea {
border:1px solid;
border-radius:1em; /* Opera 11+ */
-moz-border-radius:1em; /* FireFox */
-webkit-border-radius:1em; /* Chrome, Safari, other webkit-based
browsers */
}

Note: AFAIK, InternetExplorer still doesn't support rounded corners.

-e

[PMario]

Hi Skye,

I did find a nice article about CSS genereators [1] some time ago.
Some of them also show a compatibility list.
If you got your code, you can have a look what it means at mozillas
site [2] :)

have fun!
Mario

[1] http://blueblots.com/development/css3-generator/
[2] https://developer.mozilla.org/en/CSS

[TonG]

Hi all,

FYI,
Internet Explorer 9 does show rounded corners.

Cheers,

Ton

[TonG]

Hi all,

Even Firefox (v4 and up) "understands" border-radius now. See [1]

Cheers,

Ton

[1] https://developer.mozilla.org/en/CSS/border-radius