CSSを使用したテキストエリアのサイズ変更と行と列の使用

Question

colsとrowsを使用したテキストエリアのサイズ変更と、高さと幅のテキストエリアのサイズ変更の違いは何ですか？

<textarea id="TextArea1" cols="73" rows="12">with cols rows</textarea> 
<textarea id="TextArea2" style="height:200px; width:600px";>with CSS</textarea> 

jsFiddle

Answer 1

colsとrowsフォントサイズに対するものです。 heightとwidthはありません。

http://jsfiddle.net/rVUEE/1/

EDIT：彼らは、 "フォントサイズ" に関連していると言っは少し単純すぎます。明示的に設定されている場合は、line-heightとletter-spacingなどのものが考慮されます。

Answer 2

CSSはそれほど違いはありません。結果は（ほぼ）同じになります。

私は、ほとんどの時間、最大幅、最小幅、および同じ高さを使用しています。 Chromeのような新しいブラウザでは、テキストエリアのサイズを変更できます。

Answer 3

1. colsおよびrows属性はHTML仕様で必要でした。 W3C HTML5（2014年に承認）はオプションですが、実際的でないデフォルト値（20と2）を使用しました。
2. CSSを無効にしても属性が有効になります。
3. 一方、CSSでディメンションも指定されている場合、属性は「失われます」。
4. rows属性は、行の高さを指定します（実質的に行の高さを暗示単位とします）。cols属性は、「平均」文字幅で指定します。これは非常に曖昧な概念です。ブラウザ。 CSSでは、任意のCSS単位を使用でき、明示的に指定する必要があります。