web-dev-qa-db-ja.com

textareaの行、およびcssのcols属性

私はCSSを介してtextareaの行と列の属性を設定しようとしています。 CSSでこれを行うにはどうすればよいですか?

143
ASD

widthおよびheightは、CSSルートを行くときに使用されます。

<!DOCTYPE html>
<html>
    <head>
        <title>Setting Width and Height on Textareas</title>
        <style>
            .comments { width: 300px; height: 75px }
        </style>
    </head>
    <body>
        <textarea class="comments"></textarea>
    </body>
</html>
103
Sampson
<textarea rows="4" cols="50"></textarea>

以下と同等です:

textarea {
    height: 4em;
    width: 50em;
}

ここで、1emは現在のフォントサイズに相当するため、テキスト領域の幅を50文字にします。 こちらを参照

291
user2928048

できるとは思わない。私はいつも高さと幅を使います。

textarea{
width:400px;
height:100px;
}

cSSの方法でそれを行うことの良いところは、完全にスタイル設定できることです。次のようなものを追加できます。

textarea{
width:400px;
height:100px;
border:1px solid #000000;
background-color:#CCCCCC;
}
16
Code Monkey

私の知る限り、あなたはできません。

それに、それはCSSがとにかくするものではありません。スタイル設定用のCssとマークアップ用のHTML。

編集:クール、私は修正されたスタンド。

4
Moulde