Textarea: запретить растягивание

Чтобы запретить растягивание textarea, можно использовать CSS свойства `resize` и `overflow`.

Свойство `resize` позволяет указать, можно ли изменять размеры textarea. Его можно установить на следующие значения:

• `none` - запретить изменение размеров;
• `both` - разрешить изменение размеров как по горизонтали, так и по вертикали;
• `horizontal` - разрешить изменение размеров только по горизонтали;
• `vertical` - разрешить изменение размеров только по вертикали;

Свойство `overflow` определяет, что должно происходить, если содержимое textarea выходит за пределы его размеров. Его можно установить на следующие значения:

• `auto` - добавлять полосы прокрутки только при необходимости;
• `hidden` - обрезать содержимое textarea, скрывая его, если оно выходит за пределы;
• `scroll` - всегда добавлять полосы прокрутки, даже если содержимое не выходит за пределы;
• `visible` - не добавлять полосы прокрутки, даже если содержимое выходит за пределы;

Пример кода:

HTML:

html

CSS:

css
#myTextarea {
  resize: none;
  overflow: hidden;
}

В этом примере мы задаем textarea с помощью `id` "myTextarea" и применяем к нему стили CSS, чтобы запретить растягивание и скрыть содержимое, если оно выходит за пределы.

Если вы хотите разрешить только изменение размеров textarea по горизонтали, можно задать следующие стили:

CSS:

css
#myTextarea {
  resize: horizontal;
  overflow: hidden;
}

Таким образом, textarea будет запрещено растягивать по вертикали, но разрешено изменять размеры по горизонтали.