Для того чтобы запретить растягивание (изменение размеров) элемента textarea с помощью CSS, вы можете использовать свойство resize и установить его значение в none, vertical, horizontal или both в зависимости от ваших конкретных потребностей.
resize: none – полностью запрещает растягивание элемента.
resize: vertical – разрешает менять только высоту элемента.
resize: horizontal – позволяет менять только ширину элемента.
resize: both – позволяет менять ширину и высоту элемента.
Растягивание также можно ограничить указав минимальные и максимальные значения высоты и ширины.
Например у вас есть форма шириной 200px с текстовым полем внутри. Чтобы поле нельзя было растянуть шире формы, просто указываем максимальную ширину в 100% или любой другой необходимый вам размер.
<form>
<textarea></textarea>
</form>form {
width: 200px;
}
textarea {
width: 100%;
max-width: 100%;
}А если необходимо чтобы нельзя было и уменьшать ширину, тогда устанавливаем минимальную ширину.
Соответственно с высотой работает все аналогично.
А как сделать чтобы высота автоматически увеличивалась в зависимости от содержимого читайте в нашей статье – как сделать автоматическую высоту textarea