カテゴリー
HTML/CSS Web

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

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

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

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です