colsとrowsを使用したテキストエリアのサイズ変更と、高さと幅のテキストエリアのサイズ変更の違いは何ですか?CSSを使用したテキストエリアのサイズ変更と行と列の使用
<textarea id="TextArea1" cols="73" rows="12">with cols rows</textarea>
<textarea id="TextArea2" style="height:200px; width:600px";>with CSS</textarea>
colsとrowsを使用したテキストエリアのサイズ変更と、高さと幅のテキストエリアのサイズ変更の違いは何ですか?CSSを使用したテキストエリアのサイズ変更と行と列の使用
<textarea id="TextArea1" cols="73" rows="12">with cols rows</textarea>
<textarea id="TextArea2" style="height:200px; width:600px";>with CSS</textarea>
cols
とrows
フォントサイズに対するものです。 height
とwidth
はありません。
EDIT:彼らは、 "フォントサイズ" に関連していると言っは少し単純すぎます。明示的に設定されている場合は、line-height
とletter-spacing
などのものが考慮されます。
ok、答えてくれてありがとう! – frenchie
'cols'はフォントサイズに相対的ではなく、どちらも' rows'ではありません( 'rows'は行の高さに相対的です)。 –
@ JukkaK.Korpelaそれに比べて 'cols'とは何ですか?私はそれが本当に 'font-size'と' letter-spacing'の組み合わせだと思いますか? –
CSSはそれほど違いはありません。結果は(ほぼ)同じになります。
私は、ほとんどの時間、最大幅、最小幅、および同じ高さを使用しています。 Chromeのような新しいブラウザでは、テキストエリアのサイズを変更できます。
CSSとHTMLの両方でテキストエリアのサイズ変更を無効にすることができます。 – Skelly1983
cols
およびrows
属性はHTML仕様で必要でした。 W3C HTML5(2014年に承認)はオプションですが、実際的でないデフォルト値(20と2)を使用しました。rows
属性は、行の高さを指定します(実質的に行の高さを暗示単位とします)。cols
属性は、「平均」文字幅で指定します。これは非常に曖昧な概念です。ブラウザ。 CSSでは、任意のCSS単位を使用でき、明示的に指定する必要があります。'cols'と' rows'はもはやhtml5仕様では不要です。 –
-1 'textarea'要素がHTML5検証に合格するために 'rows'属性と' cols'属性は必要ではなく、またW3Cで必要とされるように列挙されていません。 –
[CSSの幅/高さまたはHTMLのcols/rows属性でテキスト領域のサイズを変更する方がよいですか?](http://stackoverflow.com/questions/3896537/is-it-better-to- size-a-textarea-with-css-width-height-or-html-cols-rows-attr) –