電脳狂想曲　WEBデザインの小技

表示されている四角形にマウスカーソルを乗せると、
分割用の目印と現在カーソルが乗っている四角形のサイズが表示されます。
その目印をクリックすると選択されている比率で四角形が分割されます。

比率について
選択した比率によって四角形のサイズ、分割が変化します。
半分について
１：１となるように分割します。
縦幅と横幅を元に計算する（比率無視）が選択された状態で、白銀比の四角形の横幅と縦幅を入力してください。
白銀比の四角形の性質である、「長辺を半分にすると分割された四角形も白銀比となる」を再現する為に追加致しました。

横幅を元に計算する（縦幅無視）
入力されている横幅から、選択された比率に合う縦幅を計算します。
この縦幅は、横幅より小さい値となります。
横長の四角形としてレイアウトを考えたい時にお使い下さい。

縦幅を元に計算する（横幅無視）
入力されている縦幅から、選択された比率に合う横幅を計算します。
この横幅は、縦幅より小さい値となります。
縦長の四角形としてレイアウトを考えたい時にお使い下さい。

縦幅と横幅を元に計算する（比率無視）
入力されている縦横の値を使用し、四角形を表示させます。
但し、四角形の形が選択中の比率となるような補正は一切ありません。
分割自体は選択中の比率で行うことが出来ます。