書式 border:線の太さ 色 種類
入力欄やプルダウンメニュー、送信ボタンに枠線をつけることができます。
borderプロパティに線の太さ、色、種類を半角スペースで区切って指定します。
例 線の太さ：6px 色：赤 種類：ドット
border:6px #ff0000 dotted;
線の太さ、種類の詳しい指定は「
ボーダーの色・スタイル・太さを指定する」を参照。
ネスケ4で「SELECT」「TEXTAREA」で枠線を使うと入力と選択ができなくなります。
「SELECT」の枠線はIE6では適用されず、Firefox,operaで適用されるようです。
記述例
<HTML>
<HEAD>
<TITLE>入力欄・ボタンに枠線を指定する</TITLE>
<STYLE Type="text/css">
<!--
TEXTAREA{
height:5em;
border:10px #0000ff solid;
}
.sample1{
border:thin #00ff00 dotted;
}
SELECT{
width: 250px;
border:8px #00ffff solid;
}
-->
</STYLE>
</HEAD>
<BODY>
<FORM action="aaa.cgi" method="get">
<INPUT type="text" name="word" class="sample1"><BR><BR>
<TEXTAREA>
</TEXTAREA><BR><BR>
<SELECT name="os">
<OPTION value="1">Windows</OPTION>
<OPTION value="2">macintosh</OPTION>
<OPTION value="3">Linux</OPTION>
</SELECT><BR><BR>
<INPUT type="submit" value="送信" class="sample1">
</FORM>
</BODY>
</HTML>
ブラウザで表示
