Posted by : Izumikawa Fukumi 2014年3月25日火曜日

多分以下の表見たら一発で分かると思います。


角丸プロパティ 特定箇所プロパティ px指定
border-radius:
左上 border-top-left-radius:
左下 border-bottom-left-radius:
右上 border-top-right-radius:
右下 border-bottom-right-radius:
5px;





全て同じpx数の場合は「角丸プロパティ」px数を指定するだけで全ての角が角丸になります。
もし、特定の場所のみ角丸にしたい場合は「特定箇所プロパティ」で個別に指定する事により、
左上だけ角丸にするといった指定も可能です。

一覧にして全ての角を様々な角度にしたい場合は以下の様にします。


border-radius: 1px 3px 4px 2px;



  1. 左上
  2. 右上
  3. 右下
  4. 左下


角丸の全てはこれだけです。

- Copyright © I aim to creator. - Hatsune Miku - Powered by Blogger - Designed by Johanes Djogan -