Grenzradius für alle Browser?

Question

Ich benutze

-webkit-border-radius: 5px;  
border-radius: 5px; 
-moz-border-radius:5px; 
-khtml-border-radius:5px; 

für die Grenzradius aber das Codeblock einige Browser (Internet Explorer natürlich) nicht funktioniert. Ich habe versucht, .htc zu verwenden, aber ich hatte keinen Erfolg.

Wie kann ich border-radius machen, die von allen Browsern unterstützt wird?

Answer 1

Die Eigenschaft border-radius wird in IE9 +, Firefox 4+, Chrome, Safari 5+ und Opera unterstützt, da es sich um CSS3-Eigenschaft handelt. Die Syntax lautet:

border-radius: 1-4 length|%/1-4 length|%; 

Beispiel 1

border-radius:2em; 

entspricht:

border-top-left-radius:2em; 
border-top-right-radius:2em; 
border-bottom-right-radius:2em; 
border-bottom-left-radius:2em; 

Beispiel 2

border-radius: 2em 1em 4em/0.5em 3em; 

entspricht:

0.123.

border-top-left-radius: 2em 0.5em; 
border-top-right-radius: 1em 3em; 
border-bottom-right-radius: 4em 0.5em; 
border-bottom-left-radius: 1em 3em; 

Weitere detaillierte Erklärungen und Tipps und Tricks für den Grenzradius here.