プロパティ名	値	説明
border:	;	「thin solid #ccff99」 のように太さ・色・種類を指定します。 (半角スペースで区切って、順番は自由です) 必要でないものは省略できます。

[個別の設定方法]

プロパティ名	値 （サンプル）	説明
border-top:	2px solid #ccff99;	上の境界線の太さ・色・種類を指定します。
border-right:	2px solid #ccff99;	右の境界線の太さ・色・種類を指定します。
border-bottom:	2px solid #ccff99;	下の境界線の太さ・色・種類を指定します。
border-left:	2px solid #ccff99;	左の境界線の太さ・色・種類を指定します。

[ｈｅａｄの中]

<style type="text/css">
<!--
legend{
background-color: #ffffff;
}
fieldset {
width: 450px;
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 10px;
border: 4px #ccff99 dashed;
}
fieldset input {
width: 250px;
}
-->
</style>

[ｂｏｄｙの中]

<form method="post" action="sample.cgi">
<fieldset>
<legend> ユーザー登録<legend>
ニックネーム:<input type="text" name="user" size="20">
パスワード:<input type="text" name="pass" size="20">
e-mail:<input type="text" name="email" size="70">
</fieldset>
<fieldset>
<legend>登録内容</legend>
お名前:<input type="text" name="name" size="20">
ご住所:<input type="text" name="address" size="70">
電話番号:<input type="text" name="tel" size="20">
</fieldset>
<div class="sample-1">
<input type="submit" value="登録する">
</div>
<div class="sample-2">
<input type="reset" value="リセット">
</div>
</form>

[ブラウザ上]

ユーザー登録

ニックネーム：

パスワード：

e-mail：

登録内容

お名前：

ご住所：

電話番号：

←サンプル（登録できません。）