フォーム部品の文字サイズを指定する(CSS) | |||||||||||||||||||||||||||||
font-size: ***; | |||||||||||||||||||||||||||||
font-size は、全てのタグ(要素)に適用できます。 | |||||||||||||||||||||||||||||
font-size は、文字サイズを指定するプロパティです。このプロパティを<input>タグ(要素)、 <textarea>タグ(要素)、<select>タグ(要素)に設定すると、入力欄や送信ボタン、セレクトボックスなどの文字サイズを指定できます。 | |||||||||||||||||||||||||||||
input, select { font-size: 100%; } textarea { font-size: 12pt; } | |||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||
* 文字サイズの指定方法は、「文字サイズを指定する」をご覧下さい。 | |||||||||||||||||||||||||||||
入力欄、送信ボタン、セレクトボックスなどの文字サイズは、やや小さめの文字サイズで表示されます。font-size:100%; を指定すると、入力欄などの文字サイズが標準のサイズで表示されるようになります。 | |||||||||||||||||||||||||||||
★ 使用例とブラウザでの表示 (i4-1)スタイルシートの書き方(基本)は、こちら です。 | |||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||
関連するページ | |||||||||||||||||||||||||||||
CSS スタイルシート:文字サイズを指定する | |||||||||||||||||||||||||||||
HTML タグページ :入力フォームを作る | |||||||||||||||||||||||||||||
フォーム部品の文字色を指定する(CSS) | |||||||||||||||||||||||||
color: #0000ff; | |||||||||||||||||||||||||
color は、全てのタグ(要素)に適用できます。 | |||||||||||||||||||||||||
color は、文字色を指定するプロパティです。このプロパティを<input>タグ(要素)、 <textarea>タグ(要素)、<select>タグ(要素)に設定すると、入力欄や送信ボタン、セレクトボックスなどの文字色を指定できます。 | |||||||||||||||||||||||||
input, select, textarea { color: #0000ff; } | |||||||||||||||||||||||||
| |||||||||||||||||||||||||
★ 使用例とブラウザでの表示 (i4-2)スタイルシートの書き方(基本)は、こちら です。 | |||||||||||||||||||||||||
| |||||||||||||||||||||||||
関連するページ | |||||||||||||||||||||||||
CSS スタイルシート:文字色を指定する | |||||||||||||||||||||||||
HTML タグページ :入力フォームを作る | |||||||||||||||||||||||||
入力モードを指定する(CSS) | |||||||||||||||||||||||||
ime-mode: ***; | |||||||||||||||||||||||||
ime-mode は、テキスト入力欄に適用できます。 | |||||||||||||||||||||||||
ime-mode は、IME(日本語入力システム)の初期状態を指定するプロパティです。このプロパティをテキスト入力欄(<input>,<textarea>)に設定すると、日本語入力モードのオン・オフを指定できます。 | |||||||||||||||||||||||||
input, textarea { ime-mode: auto; } | |||||||||||||||||||||||||
| |||||||||||||||||||||||||
* auto、active、inactive … IMEのオン・オフを閲覧者の操作で変更できます。
* disabled … IMEは完全にオフ状態となり、閲覧者の操作で変更できません。 | |||||||||||||||||||||||||
このプロパティは、Internet Exp. や Firefox の独自拡張機能で、CSS2 では定義されていません。 | |||||||||||||||||||||||||
★ 使用例とブラウザでの表示 (i4-3)スタイルシートの書き方(基本)は、こちら です。 | |||||||||||||||||||||||||
| |||||||||||||||||||||||||
関連するページ | |||||||||||||||||||||||||
HTML タグページ :入力フォームを作る | |||||||||||||||||||||||||