テキストエリアをリサイズ

ブログのコメントを書き入れてるテキストエリアで見かけるリサイズできるハンドルをpre要素に対して付けてみました。Safari3からの拡張機能ですので、是非Safari3以上を利用してご覧ください。

textarea-resize.png

# resizeプロパティを使用することでボックス右下にハンドルが現れます。マウスを使って自由にテキストエリアを広げることができます。

pre {
	resize: both;
	overflow: auto;
}

テキストがオーバーフローするとスクロールバーが表示されるのは不格好だと思っているので、このように自由度が広がるのはいいですね。

コメントを残す