「CSSで角丸にするborder-radius」の編集履歴(バックアップ)一覧に戻る

CSSで角丸にするborder-radius - (2015/05/25 (月) 15:31:36) のソース

CSSで角丸にするプロパティ border-radiusについて考えていきます。

こんな感じのもの。
#image(width400,border-radius.png)

#contents

*border-radiusとは
その名の通り、枠線の半径を指定するものです。
角が丸いと先進的なデザインになりますね。

*ベンダープレフィックスつける?
border-radiusは比較的メジャーになってきているものの、ベンダープレフィックスを付けるべきなのか、つけなくていいのか記事を見ると悩まされます。そんなわけでテスト

*ベンダープレフィックステスト
**IE(11.0)
#image(width400,IE11.png)
**GoogleChrome(43.0)
#image(width400,GC.png)

**Firefox(38.0) 
#image(width400,FF.png)

**Opera(29.0) 
#image(width400,opera.png)