line-height: ***;

Browser
  • IE
  • Cr
  • Sf
  • Fx
  • O

The line-height property specifies the height of a text line.

The line height of text in the textarea can be specified by applying this property to the TEXTAREA element.


textarea {
width: 300px;
height: 7em;
line-height: 1.5em;
}
Property Value Explanation
line-height number, length, %, or normal the height of a text line

The default is "normal".

line-height: 1.5;
line-height: 1.5em;
line-height: 150%;

Example


<html>
<head>
<title>TAG index</title>

<style type="text/css">

textarea {
width: 250px;
height: 10em;
}

#example {
line-height: 200%;
}

</style>

</head>
<body>

<form method="POST" action="example.cgi">

<p><textarea name="item1" cols="50" rows="7">
The line height of text.
This is example text.
This is example text.
</textarea></p>

<p><textarea name="item2" cols="50" rows="7" id="example">
The line height of text.
This is example text.
This is example text.
</textarea></p>

</form>

</body>
</html>
Output

This form cannot submit because of a sample.