サイト内検索
...スタイルシート(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を指定します。
自動 |
サンプル
[headの中]
<style type="text/css"><!--
textarea{
width: 250px;
height: 100px;
line-height: 25pt;
}
-->
</style>
[bodyの中]
<form method="get" action="sample.html">textarea
<textarea cols="20" rows="2">
サンプル-1
サンプル-2
サンプル-3
サンプル-4 </textarea>
<input type="submit" value="送信する" />
[ブラウザ上]