サイト内検索
...スタイルシート(css)...
スタイルシート・フォーム
行間の高さ
- 行間の高さは、フォーム（form要素）のtextarea要素に
- line-heightプロパティを指定します。
- [使い方]
- textarea{
line-height: 2em;
}
- [メモ]
- textarea要素については、こちらをご覧ください。
| プロパティ名 | 値 | 説明 |
|---|---|---|
| line-height: | ; |
「数値+単位」（例・・2.5em）を指定します。
単位は、（em・pt・pxなど）を指定します。 文字サイズ×2.5倍の高さを指定 しています。 （1em = 文字の高さ） |
| ; |
「倍数」（例・・2.5）を指定します。
文字サイズ×2.5倍の高さを指定しています。 （1 = 文字の高さ） |
|
| ; |
「パーセント」（例・・250%）を指定します。
文字サイズ×2.5倍の高さを指定しています。 （100% = 文字の高さ） |
|
| nomal; | nomalを指定します。
自動 |
サンプル
[ｈｅａｄの中]
<style type="text/css"><!--
textarea{
width: 250px;
height: 100px;
line-height: 25pt;
}
-->
</style>
[ｂｏｄｙの中]
<form method="get" action="sample.html">textarea
<textarea cols="20" rows="2">
サンプル-1
サンプル-2
サンプル-3
サンプル-4 </textarea>
<input type="submit" value="送信する" />
[ブラウザ上]
