textarea's rows, and cols attribute in CSS

css styling
ASD picture ASD · Jan 9, 2010 · Viewed 221.7k times · Source

I'd like to set the textarea's rows and cols attributes via CSS.

How would I do this in CSS?

Answer

user2928048 picture user2928048 · Jan 22, 2014 
<textarea rows="4" cols="50"></textarea>

It is equivalent to:

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

where 1em is equivalent to the current font size, thus make the text area 50 chars wide. see here.

Related questions

CSS change button style after click

I was wondering if there was a way to change a button's style, in css, after it's been clicked, so not a element:active. Thanks!

Read More
Horizontal scroll on overflow of table

I have a basic table in a container. The table will have about 25 columns. I am trying to add a horizontal scroll bar on overflow of the table and am having a really tough time. What is happening now, is …

Read More
Line break (like <br>) using only css

Is it possible in pure css, that is without adding additional html tags, to make a line break like <br>? I want the line break after the <h4> element, but not before: HTML <li> …

Read More