css - すべてのブラウザの境界半径?

Question

私が使う

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

境界半径の場合、そのコードブロックは一部のブラウザー（もちろんインターネットエクスプローラー）で機能しません。.htc を使用しようとしましたが、成功しませんでした。

border-radiusすべてのブラウザでサポートされるようにするにはどうすればよいですか?

Answer 1

border-radius プロパティは、CSS3 プロパティであるため、IE9 以降、Firefox 4 以降、Chrome、Safari 5 以降、Opera でサポートされています。構文は次のとおりです。

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

例 1

border-radius:2em;

次と同等です。

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

例 2

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

次と同等です。

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;

境界線の半径に関する詳細な説明とヒントとコツについては、こちらを参照してください。