グループの背景色グループの境界線 グループの余白 フォームcss ﾘﾌｧﾚﾝｽ へ
部品グループの背景色を指定する(CSS)
background-color: ***;
　background-color は、全てのタグ（要素）に適用できます。
　background-color は、背景色を指定するプロパティです。このプロパティを<fieldset>タグ（要素）に設定すると、部品グループの背景色を指定できます。
　fieldset { background-color: #e8e8e8; }
プロパティ名値説　　明
backGround-color カラーコード or
カラーネーム		 背景色を指定
（初期値は transparent）
※ 色の指定は、カラーコード（#ffffff,#fff,rgb(255,0,0)）または、カラーネーム（red,blue）で行います。詳細は、「カラーネーム」のページをご覧下さい。カラーネームのページへ
　【Internet Exp.の背景色】
　<fieldset>タグに背景色を設定した場合、Internet Exp.では右図のように境界線の上側にはみ出します。Firefox や Opera は境界線の内側に背景色を表示します。
　★ 使用例とブラウザでの表示 (i3-1)スタイルシートの書き方（基本）は、こちら です。
設定例 ： .i3-1bg { backGround-color: khaki; padding:0 8px 8px; }
使　用　例   ブラウザの表示
<fieldset class=i3-1bg>
<legend>注文書</legend>
お名前：<input type="text" name="name1">
メール ：<input type="text" name="add1">
</fieldset>
注文書お名前：
メール ：
関連するページ
HTML タグページ ｸﾞﾙｰﾌﾟ化：入力フォームをグループ化する
Utilety Page (参考)カラーコード：「カラーネーム と カラーコード」へ
グループの背景色グループの境界線 グループの余白 フォームcss ﾘﾌｧﾚﾝｽ へ
部品グループの境界線を指定する(CSS)
border: ***;
　border は、全てのタグ（要素）に適用できます。
　border は、境界線の太さ、色、スタイルをまとめて指定するプロパティです。このプロパティを<fieldset>タグ（要素）に設定すると、部品グループの境界線を変更できます。
　fieldset { border: 1px #0000ff solid; }
プロパティ名値　および　説　明
border:1px…線の太さ #0000ff…線の色 solid…線のスタイル ;
初期値medium文字色の値 none 
＊ それぞれの値は、半角スペースで区切って記述します。
記述する順序は自由で、必要のない指定は省略できます。（省略した場合は初期値になります）
※ 境界線スタイルの指定を省略すると、境界線が表示されなくなります。境界線を表示する場合は、この指定を省略しないで下さい。
＊ 境界線の指定方法については、「境界線の太さ・色・スタイルをまとめて指定する」をご覧下さい。
Internet Exp.では、境界線のスタイルに dotted や dashed などを指定すると不具合が発生するようです。
　★ 使用例とブラウザでの表示 (i3-2)スタイルシートの書き方（基本）は、こちら です。
設定例 ： .i3-2bor { border: 3px teal double; padding:0 8px 8px; }
使　用　例   ブラウザの表示
<fieldset class=i3-2bor>
<legend>注文書</legend>
お名前：<input type="text" name="name1">
メール ：<input type="text" name="add1">
</fieldset>
注文書お名前：
メール ：
関連するページ
CSS スタイルシート境界線(纏)：境界線の太さ・色・スタイルをまとめて指定する
HTML タグページ ｸﾞﾙｰﾌﾟ化：入力フォームをグループ化する
グループの背景色グループの境界線 グループの余白 フォームcss ﾘﾌｧﾚﾝｽ へ
部品グループの余白を調整する(CSS)
margin: ***; padding: ***;
　margin は全ての要素（table要素、caption要素以外の表関連要素を除く）に、padding は全ての要素（tr要素、thead要素、tfoot要素、tbody要素、col要素、colgroup要素を除く）に適用できます。
　margin は外側の余白を、padding は内側の余白を指定するプロパティです。このプロパティを<fieldset>タグ（要素）に設定すると、部品グループの余白を調整できます。
　fieldset { margin: 0 0 20px; padding: 15px; }
プロパティ名値説　　明
margin 数値＋単位（px 等）
or パーセント		 マージンの大きさを指定
padding パディングの大きさを指定
＊ 数値＋単位：値が 0 の場合は単位を省略できます。
　【指定方法】
　次の４タイプの指定方法があります。それぞれの値は、半角スペースで区切ります。
① margin（padding）: 2px; … 「上下左右」をまとめて指定
② margin（padding）: 2px 3px; … 「上下」と「左右」を指定
③ margin（padding）: 2px 3px 4px; … 「上」､「左右」､「下」を指定
④ margin（padding）: 2px 3px 4px 5px; … 「上」､「右」､「下」､「左」を指定（時計回り）
＊ マージンとパディングの指定方法の詳細は、marginプロパティや paddingプロパティをご覧下さい。
　【Internet Exp.のパディング】
　<fieldset>タグにパディング（内側の余白）を設定した場合、Internet Exp.では右図のように境界線の上側に余白が付きます。これは、Internet Exp. の不具合と思われます。Firefox や Opera は境界線の内側に余白が付きます。
　★ 使用例とブラウザでの表示 (i3-3)スタイルシートの書き方（基本）は、こちら です。
設定例 ： .i3-3mar { margin: 15px; }   .i3-3pad { padding: 15px; }
使　用　例   ブラウザの表示
<fieldset><legend>余白：無し</legend>
お名前：<input type="text" name="name1">
メール ：<input type="text" name="add1">
</fieldset>
余白：無しお名前：
メール ：
<fieldset class=i3-3mar>
<legend>余白：有り（margin）</legend>
お名前：<input type="text" name="name2">
メール ：<input type="text" name="add2">
</fieldset>
余白：有り（margin）お名前：
メール ：
<fieldset class=i3-3pad>
<legend>余白：有り（padding）</legend>
お名前：<input type="text" name="name3">
メール ：<input type="text" name="add3">
</fieldset>
余白：有り（padding）お名前：
メール ：
関連するページ
CSS スタイルシートﾏｰｼﾞﾝ指定(Box)：ボックスのマージン（外側の余白）を指定する
CSS スタイルシートﾊﾟﾃﾞｨﾝｸﾞ指定(Box)：ボックスのパディング（内側の余白）を指定する
HTML タグページ ｸﾞﾙｰﾌﾟ化：入力フォームをグループ化する
グループの背景色グループの境界線 グループの余白 フォームcss ﾘﾌｧﾚﾝｽ へ