を含む新しいフォームを開発するたびにtextarea、そのディメンションを指定する必要があるときに次のジレンマが発生します。

使用CSSや使用textareaの属性をcolsしてrows？

各方法の長所と短所は何ですか？

これらの属性を使用する意味は何ですか？

それは通常どのように行われますか？

両方の使用をお勧めします。行と列は必須であり、クライアントがCSSをサポートしていない場合に役立ちます。しかし、デザイナーとして私はそれらを上書きして、希望するサイズに正確に合わせています。

これを行うための推奨される方法は、外部スタイルシートを使用することです。

textarea {
  width: 300px;
  height: 150px;
}

<textarea> </textarea>

textarea { height: auto; }

<textarea rows="10"></textarea>

これにより、ブラウザーがトリガーされ、textareaの高さが行数とその周囲のパディングの量に正確に設定されます。CSSの高さを正確なピクセル数に設定すると、任意の空白が残ります。

w3cによると、colsとrowsはどちらもtextareasの必須属性です。行と列は、ピクセルやその他の潜在的に任意の値ではなく、textareaに収まる文字の数です。行/列に移動します。

答えは「はい」です。つまり、両方を使用する必要があります。行と列がない場合（明示的に使用しなくてもデフォルト値があります）、CSSがユーザースタイルシートによって無効化またはオーバーライドされている場合、textareaは非常に小さくなります。常にアクセシビリティの問題に留意してください。そうは言っても、スタイルシートがtextareaの外観を制御することが許可されている場合、通常は全体的に見栄えがよく、ページ全体のデザインにうまく適合し、ユーザー入力に追いつくためにサイズ変更できるものになります（もちろん、良い味の範囲内です）。

テキスト領域の場合、CSSの下でサイズを修正するために使用できます

    <textarea  class="form-control" style=" min-width:500px; max-width:100%;min-height:50px;height:100%;width:100%;" ></textarea>

angularjsとangular7でテスト済み

 <textarea style="width:300px; height:150px;" ></textarea>

textareaのサイズは、colsおよびrows属性で指定できます。CSSの高さと幅のプロパティを通じて。cols属性は、すべての主要なブラウザーでサポートされています。主な違いの1つ<TEXTAREA ...>は、コンテナタグです。開始タグ（）があります。

通常は指定しませんがheight、width: ...and rowsとを指定しますcols。

通常、私の例では、唯一widthとrows他のelemsとの関係で見て素敵にテキストエリアのために、必要とされています。（cols他の回答で説明されているように、誰かがCSSを使用しない場合のフォールバックです。）

（（両方rowsを指定するとheight、データを複製するような感じがしますか？））

textareaの主な機能は、拡張可能であるということです。Webページでは、これにより、テキストの長さが設定したスペースを超えた場合（行を使用した場合、またはCSSを使用した場合）、スクロールバーがテキスト領域に表示される可能性があります。これは、特にユーザーがPDFへの「印刷」-条件付きのCSSルールを使用して、印刷されたテキスト領域の快適な大きな最小高さを設定します。

@media print { 
textarea {
min-height: 900px;  
}
}

毎回使用しない場合は、line-height： '..';を使用してください。プロパティそのtextareaの高さとtextareaの幅のwidthプロパティを制御します。

または、次のcssでfont-sizeを使用できます。

#sbr {
  font-size: 16px;
  line-height:1.4;
  width:100%;
}

HTMLの行と列は応答しません！

そのため、CSSでサイズを定義します。ヒントとして：モバイル向けに小さなサイズを定義する場合は、textarea:focus {};

ここに余分なスペースを追加します。これは、ユーザーが実際に何かを書きたいときにのみ展開します。

CSS

input
{
    width: 300px;
    height: 40px;
} 

HTML

<textarea rows="4" cols="50">HELLO</textarea>