css3の角丸表現 border-radiusプロパティ

ひとりごと

css3によるborder-radiusプロパティのメモです。

これにより角丸のボックスを作ることができます。
ただし、IE8以前は対応していませんので、javascript等で対応が必要です。IEって本当に面倒だね。

[css]border-radius: 10px; /* CSS3草案 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */[/css]

備忘録として。。スマホニーズが高鳴る今、これよく使います。けどスマホも古いの新しいので対応が難しくなってきそうだよなー。そうなるとスマホ版IEみたいな扱いのものも出てこないとはかぎらない。。。どんどん進化するのも考えものです。
Webマスターはその日に備えて勉強あるのみですね。

SPONSORLINK