في حين أن الحلول التي تتضمن javaScript أو PHP موجودة ، هل هناك طريقة قائمة على CSS بحتة؟ إليكم كيف:

قم بتعيين الارتفاع الأولي على تلقائي:

للسماح للنمو بالنمو أو الانكماش حسب الحاجة ، قم بتعيين ارتفاعه الأولي على "auto":

الارتفاع: السيارات ؛ }

استخدم الحدث 'oninput':

لضبط ارتفاع textarea ديناميكيًا ، قم بإرفاق معالج حدث 'oninpt':

"px" '>
إعادة تعيين الارتفاع أولاً:

قبل تعيين الارتفاع بناءً على المحتوى ، أعد تعيينه أولاً إلى سلسلة فارغة. هذا يضمن أن النص يمكن أن يتقلص ويتوسع.

textarea {
  height: auto;
}

php.