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

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

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

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

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

SPONSORLINK

\インスタグラムでワンダーデバイス生活の写真を公開中!/