サイト内検索
...スタイルシート(css)...
スタイルシート・フォーム
文字のサイズ
- 入力欄や送信ボタンなどの文字のサイズは、
フォーム(form要素)のinput要素・textarea要素・select要素に - font-sizeプロパティを指定します。
- [使い方]
- select{
font-size: 20px;
}
プロパティ名 | 値 | 説明 |
---|---|---|
font-size: | ; | 「数値+単位」(例・・100px)を指定します。
単位は、「px」・「em」など、または「%」を指定します。 |
font-sizeについては、こちらをご覧ください。
サンプル
[headの中]
<style type="text/css"><!--
select{
width: 300px;
}
textarea{
width: 300px;
height: 70px;
font-size: 1.5em;
}
input{
font-size: 15px;
}
-->
</style>
[bodyの中]
<form method="get" action="sample.html">select
<select name="wakusen" size="1">
<option value="サンプル-1">サンプル-1</option>
<option value="サンプル-2">サンプル-2</option>
<option value="サンプル-3">サンプル-3</option>
</select>
<input type="submit" value="送信する" />
textarea
<textarea cols="20" rows="2">
サンプル-1
サンプル-2
サンプル-3 </textarea>
<input type="submit" value="送信する" />
[ブラウザ上]