Will runde Ecken im Design - nur wie?

[Gunnar Bittersmann]

@@Længlich:

nuqneH

border-top-left-radius:20px/10px;

-moz-border-radius-topleft:20px/10px;
-webkit-border-top-left-radius:20px 10px;

  
Ich hab da mal was [vorbereitet](http://bittersmann.de/tests/border-radius).  
  
  

> Dann kann aus Deiner Sicht nur Opera 10.50 border-radius, womit es noch lang nicht praxistauglich ist.  
  
Nein, auch Chrome.  
  
Wobei Chrome eigenartigerweise 'border-radius: 20px 0' richtig darstellt, '-webkit-border-radius: 20px 0' jedoch nicht. Bei "20px" hat er keine Probleme, bei "20px 0 0 0" auch nicht, und bei "20px 0 / 5px 0" auch nicht. WTF?  
  
Firefox berechnet bei Prozentangaben die vertikale Halbachse relativ zur Breite anstatt relativ zur Höhe. [[Mozilla](https://developer.mozilla.org/en/CSS/-moz-border-radius)]  
  
Opera macht’s fast richtig, scheint sich aber bei "10% / 40%" leicht zu verrechnen.  
  
Safari hängt hinterher; er kann weder elliptische Ecken noch verschiedene Ecken noch Prozentangaben.  
  
Wenn man aber gleich große Kreisbögen an allen vier Ecken möchte und diese in px oder em angibt, steht der Verwendung von 'border-radius' / '-moz-border-radius' / '-webkit-border-radius' nichts im Wege.  
  
Qapla'

-- 
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.  
(Mark Twain)