textareaのサイズを固定するには（resize: none）を利用する

textareaのサイズを固定するには（resize: none）を利用する

  textareaは自由にサイズを変更でき便利である一方でサイズ変更に伴い、画面のレイアウトが崩れることがあります。

　その場合は、resize:noneを追加してあげればサイズ変更不可となります。

resize:none

通常のtextarea

<textarea>テスト</textarea>

↓↓表示結果↓↓

テスト

サイズ変更を不可としたtextarea

<textarea style = "resize:none">テスト</textarea>

↓↓表示結果↓↓

テスト

サイズ変更ができないことが確認できました。

個別のtextareaでサイズ変更をしないようにするには、style = “resize:none”を入れ込んであげれば良いです。

HTML の記事一覧へ