Шпаргалка по TEXTAREA и его основным стилям

Ширина и высота

autofocus="" -

placeholder="подсказка" - подсказка, которая исчезнет при наборе текста

disabled=""

readonly="" - только для чтения

required="" - обязательное для заполнения поле

maxlength="10" - максимальное число символов

wrap="soft" - перенос с помощью ENTER (по умолчанию)

wrap="hard" - перенос автоматически

CSS для TEXTAREA:

resize: none; - без изменения

resize: both; - в обоих направлениях

resize: horizontal; - только по горизонтали

resize: vertical; - только по вертикали

width: 200px; height: 40px; - ширина и высота
max-width: 300px; max-height: 200px; - максимально возможная ширина/высота изменения элемента
min-width: 50px; min-height: 50px; - минимально возможная ширина/высота изменения элемента

Выделение содержимого внутри TEXTAREA

onclick="javascript:this.focus();this.select();" - выделить при клике в поле textarea

Можно изменить стиль выделения псевдоэлементом ::selection{...} - выделить при клике в поле textarea





Для того, чтобы поле не выходило за границы блока, нужно прописать свойства

При совместном использовании с overflow, resize может быть задано и для других тегов.
<pre style="resize: both; width: 230px; overflow: auto;">код</pre>