html - One row of textarea is of how much height?

html height textarea row row-height
Mohammad Areeb Siddiqui picture Mohammad Areeb Siddiqui · Jul 4, 2013 · Viewed 32.5k times · Source

I want to know the height of one row of textarea. I want to know that because I want to do some calculations. Do we know it or do we have to do some scripting?

Answer

Ruben Kislaki picture Ruben Kislaki · Jul 4, 2013

The height of a row is set by line-height.

For example:

<textarea rows="1">hello world</textarea>

If you set the following:

textarea { line-height: 1; font-size: 12px; border: none; margin: 0; padding: 0; }

By inspecting the textarea element you'll find out that it has a height of 12px.

Related questions

Creating a textarea with auto-resize

There was another thread about this, which I've tried. But there is one problem: the textarea doesn't shrink if you delete the content. I can't find any way to shrink it to the correct size - the clientHeight value comes …

Read More
Finding number of lines in an html textarea

I'm writing a mobile web application where scrollbars are not displayed on the device's browser. Due to this, I'm trying to dynamically modify the height of the textarea to make it bigger, however I don't know of any way to …

Read More
How to make a div 100% height of the browser window

I have a layout with two columns - a left div and a right div. The right div has a grey background-color, and I need it to expand vertically depending on the height of the user's browser window. Right now …

Read More