質問: textareaのサイズ変更可能プロパティを無効にする方法 私はtextareaのサイズ変更可能なプロパティを無効にしたいです。現在、textareaの右下隅をクリックしてマウスをドラッグすることでtextareaのサイズを変更できます。これを無効にするにはどうすればよいですか。
回答: 次のcssルールは、 textarea 要素のサイズ変更動作を無効にします。textarea { resize: none; } いくつかの(全部ではない)textareaに対してそれを無効にするために、 いくつかのオプション があります。textarea属性をnameに設定して特定のfooを無効にするには(つまり<textarea name="foo"></textarea>):textarea[name=foo] { resize: none; } または、id属性(つまり<textarea id="foo"></textarea>)を使用します。#foo { resize: none; } w3c page には、制限のサイズ変更に有効な値がリストされています。none、both、horizontal、vertical、inherit:textarea { resize: vertical; /* user can resize vertically, but width is fixed */ } まともな 互換性ページ を調べて、現在どのブラウザがこの機能をサポートしているかを確認してください。 jon hulkaがコメントしているように、cssではmax-width、max-height、min-width、およびmin-heightを使用して、寸法を さらに抑制 することができます。 知っておくことが非常に重要: overflowプロパティがvisible以外のものでない限り、このプロパティは何もしません。これはほとんどの要素のデフォルトです。そのため、通常これを使用するには、オーバーフローのようなものを設定する必要があります。 chris coyierによる引用、 http://css-tricks.com/almanac/properties/r/resize/