現在はまだ規格がきちんと定まっていないのと、ブラウザの対応状況の問題であまり使われてないCSS3なんだけど、もし普通に使える状態になったら多用されることが予想されるのが「border-radius」というプロパティ。これはCSSで指定するだけで角丸(丸い角)が作れるプロパティで、今現在角丸の表現に使われてる「角に丸い画像を使う」「空のspanなどを使って擬似的に丸く見せる」などの面倒で手間がかかる方法をとらなくて済むというメリットがある。 CSS3 角丸を表現する border-radius | CSS Lecture もちろん「ブラウザが対応してない」というのは主にIEのことなんだけど、基本的にそれ以外の対応ブラウザでもborder-radiusを使うときは「-moz-」や「-webkit-」などのベンダープレフィックスを付けなさいと多くのサイトで書かれている。 ベンダープレフィックス(
![角丸を表現するCSS3のborder-radiusのブラウザ対応状況を調べてみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/151ca6f4251e5abad1bca2f8f4975e24ecf95d5a/height=288;version=1;width=512/http%3A%2F%2Fblog-imgs-57.fc2.com%2F1%2F2%2F8%2F128bit%2Flogo_text_big.png)