{border:太さ 色 種類;}でフォームのボタンや入力欄の枠線の太さ、色、種類を指定する ことができます。

枠線の種類

枠線の種類は以下の通りです。

【ブラウザ表示】

<form method="POST" action="xxx.cgi">
<div>
<input type="text" name="text1" class="sample5" value="テキストフィールド">
</div>
<p>
<textarea name="area1" class="sample6" cols="20" rows="8">テキストエリア</textarea>
</p>
<p>
<input type="submit" value="送信" class="sample7">
</p>
</form>

input.sample5{border:2px yellow solid;}
textarea.sample6{border:2px green dotted;}
input.sample7{border:4px gray double;}

<form method="POST" action="xxx.cgi">
<div>
<input type="text" name="text1" style="border:2px yellow solid;" value="テキストフィールド">
</div>
<p>
<textarea name="area1" style="border:2px green dotted;" cols="20" rows="8">テキストエリア</textarea>
</p>
<p>
<input type="submit" value="送信" style="border:4px gray double;">
</p>
</form>

■ その他の項目

スタイルシート一覧のページに戻る