CSS3-logo



技術メモ、自分備忘録です。

CSSでの角丸



border-radius


書き方

border-radius:左上 右上 右下 左下;

左上から時計回りに丸くしたい半径(r)を記述する。

border-radius:水平方向のr / 垂直方向のr ;

のように書くこともできる。

border-radius: 数値px;


とすると、角すべてが同じ半径で丸くなる。


ベンダープレフィックス


Firefox : -moz-border-radius
Chrome : -webkit-border-radius

基本は、ベンダープレフィックスを記述した後に、

通常のCSSも記述しておく。