Raggio di confine per tutti i browser?

Question

Io uso

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

per il raggio confine, ma quel blocco di codice non funziona alcuni browser (Internet Explorer, naturalmente). Ho provato a usare .htc ma non ho avuto successo.

Come posso rendere border-radius supportato da tutti i browser?

Answer 1

La proprietà border-radius è supportata in IE9 +, Firefox 4+, Chrome, Safari 5+ e Opera, poiché è proprietà CSS3. La sintassi è:

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

Esempio 1

border-radius:2em; 

è equivalente a:

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

Esempio 2

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

è equivalente a:

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; 

Vedere la spiegazione più dettagliata e suggerimenti e trucchi per il raggio di confine here.