Как средствами css сделать высоту textarea по содержимому?

Пользователь

от fred , в категории: HTML/CSS , 7 месяцев назад

Как средствами css сделать высоту textarea по содержимому?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от francisco.friesen , 7 месяцев назад

@fred 

Для того чтобы сделать высоту textarea автоматической и зависящей от его содержимого с использованием только CSS, можно применить следующий подход:

1
2
3
4
5
6
textarea {
  height: auto;
  min-height: 50px; /* Минимальная высота для textarea */
  max-height: 200px; /* Максимальная высота для textarea */
  overflow-y: auto; /* Добавить полосы прокрутки, если содержимое textarea не помещается */
}


В данном примере устанавливается свойство height в auto, что позволяет textarea изменять свою высоту в зависимости от содержимого. Также установлены min-height и max-height для определения минимальной и максимальной высоты textarea соответственно. Если содержимое textarea не помещается в рамках максимальной высоты, добавляются вертикальные полосы прокрутки с помощью свойства overflow-y.


Однако, стоит отметить, что для более точного и гибкого управления высотой textarea рекомендуется использовать JavaScript.