border は、枠線を指定するプロパティです。
input、textarea、（select）要素にこのスタイルを設定すると、フォームの入力欄やボタン、（セレクトボックス）などに枠線をつけることができます。
input, select, textarea {
border: medium red double;
}
| border | 枠線（太さ、色、スタイル）を指定します |
|---|
枠線の指定方法については、ボックスカテゴリーの「枠線」の項目をご覧ください。
※select要素に対する枠線の指定は、Operaのみ対応しているようです。
※select要素やtextarea要素に対して枠線を指定すると、Netscape4.xでは選択や入力の操作ができなくなります。
<html>
<head>
<title>TAG index Webサイト</title>
<style type="text/css">
<!--
#example1 {
width: 300px;
border: medium #85b9e9 dotted;
}
select {
width: 200px;
border: medium #85b9e9 double;
}
textarea {
width: 300px;
height: 7em;
border: medium #85b9e9 double;
}
#example2 {
border: medium #85b9e9 dotted;
}
-->
</style>
</head>
<body>
<form method="POST" action="example.cgi">
<p><input type="text" name="demo1" id="example1"></p>
<p><select name="demo2">
<option value="Webデザイン1">Webデザイン1</option>
<option value="Webデザイン2">Webデザイン2</option>
<option value="Webデザイン3">Webデザイン3</option>
</select></p>
<p><textarea name="demo3" cols="50" rows="7"></textarea></p>
<p><input type="submit" value="送信" id="example2"></p>
</form>
</body>
</html>
▼これをブラウザで見ると次のように表示されます
※サンプルのため送信できません
