CSS round corners....

When oh when is css3 finally going to be released???
It's not only the question I ask myself now, it's the question I ask myself for the past 6 years... that is so annoying!

The feature I miss most in css2 is the ability to apply round-corners to elements. But even the css3-definition "border-radius" is not yet available, there are some ways to do it. Here's my favourite way:

For some browsers, the developers included some "pre-versions" of border-radius:

Gekko-based browsers (Firefox, Netscape 6+)

-moz-border-radius: 10px;

or

-moz-border-radius-topright: 10px;

Webkit-based browsers (Chrome, Safari, soon Blackberry)

-webkit-border-radius: 10px;

or

-webkit-border-top-right-radius: 10px;

Presto 2.3+ based browsers (Opera 10.5+)

-o-border-radius: 10px;

or

-o-border-top-right-radius: 10px;

KHTML-based browsers (Konqueror, old Safaris)

-khtml-border-radius: 10px;

or

-khtml-border-top-right-radius: 10px;

And finally, to be ready when css3 is implemented:

CSS3

border-radius: 10px;

or

border-top-right-radius: 10px;

So far, so good. BUT....
There's one more browser-engine, that holds still far over 50% share of the market: Trident, the engine of the unbeloved Internet Explorer. This engine still has no special css-definition for round corners and its developers are not going to implement one until css3 is officially released. Suddenly they care about standards? pff ;) http://msdn.microsoft.com/en-us/library/bb250413%28VS.85%29.aspx

However, it's also a solution for IE...

JQuery Corners

http://www.malsup.com/jquery/corner/
This solution would be ok for most browsers, but the css-way is slimmer.

Kommentar hinzufügen

Der Inhalt dieses Feldes wird nicht öffentlich zugänglich angezeigt.
  • Sie können syntax highlighting von Quelltext aktivieren, indem Sie folgende Tags einsetzen: <code>, <blockcode> The supported tag styles are: <foo>, [foo]. PHP-Quelltext kann auch in "<?php ... ?>" oder "<% ... %>" eingepackt werden.
  • Internet- und E-Mail-Adressen werden automatisch umgewandelt.
  • Zeilen und Absätze werden automatisch erzeugt.
  • Sie dürfen andere Beitrage mit [quote] Tags Zitieren.

Weitere Informationen über Formatierungsoptionen

CAPTCHA
Diese Frage dient dazu festzustellen, ob Sie ein Mensch sind und um automatisierte SPAM-Beiträge zu verhindern.
Image CAPTCHA
Enter the characters shown in the image.
 

Too Cool for Internet Explorer