Search code examples
htmlheighttextarearowrow-height

HTML: one row of <textarea> is of how much height?

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?

Solution

  • 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.