タグ

2011年7月1日のブックマーク (2件)

  • border-radius-CSS3リファレンス

    border-radiusプロパティは、ボックスの4つのコーナーの角丸をまとめて指定する際に使用します。 それぞれの角丸コーナーは4分の1楕円になりますが、楕円の形状は、下図のように水平方向と垂直方向の2つの半径の組み合わせで決定されます。 border-radiusプロパティで角丸を指定する際には、それぞれのコーナーの楕円の形状を水平方向と垂直方向の半径のセットで表します。 指定するのは、ボーダーの外側の輪郭です。 水平方向と垂直方向の半径のセットは、スラッシュ( / )で区切ります。 スラッシュの前後に水平方向と垂直方向の半径の値を、左上・右上・右下・左下の順で指定します。 スラッシュ以降を省略した場合には、水平垂直ともに同じ値として解釈されます。 また、それぞれのコーナーの値は省略することができますが、その場合には以下のルールに基づいて解釈されます。 左下が省略された場合には、右上と

    miya2000
    miya2000 2011/07/01
    border-radius は楕円
  • path

    現在点から指定点(x y)まで曲線を引く。x1 y1は、現在点(開始点)の制御点。x2 y2は、指定点(終点)の制御点。

    miya2000
    miya2000 2011/07/01
    楕円の x-axis-rotation が良くわからなかったんだけど、このページの図を見て理解した。