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%;
<html> <head> <title>TAG index</title> <style type="text/css"> textarea { width: 300px; 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>
This form cannot submit because of a sample.