要素の大きさや縦横のサイズをCSSで変更するサンプルです。CSSトリミングしたり、ユーザーがカスタマイズするような場面で、要素を可変にしたいときがあるとします。そんなときはCSSで制御できます。以下の画像の右下をドラッグしてみてください。上記のサンプルは、左上を起点に右へ下へ伸びていきます。トリミングの操作をするときは、そのサイズの縦横のピクセル数を保存させるイメージです。次はちょっとCSSを組んで、中央に置いた要素が左右対称に広がるサンプルです。切り抜きよりも拡大、リサイズで使えそうです。}こんなスタイルを割り当てています。次は水平への伸縮のみ操作可能のパターン。horizontal;にするだけ。次は上下への伸縮のみ操作可能のパターン。vertical;にするだけです。最後に拡大縮小を禁止するスタイルのサンプルです。これはデフォルトで伸縮ができるテキストエリアに有効です。none;禁止しているほうに↑が設定されています。どれもあまり使う頻度はなさそうですが、それとなく覚えておきたい制御の一つです。