border-color 【外枠の色指定】
[IE5] [IE6] [IE7] [Fx1] [Fx2] [Op6] [Op7] [Ns6] [Ns7]
border-colorプロパティは、ボーダーの色を指定する際に使用します。上下左右にそれぞれ違う色を指定したい場合は、スペースで区切って複数の値を指定する事が出来ます。ボーダーに色を付ける際には太さと種類も合わせて指定する事を推奨します。
ボーダーに関する値をまとめて指定したい場合は、borderプロパティを使います。
色で指定する
16進数やredなどのカラーコードで指定します。
transparent
ボーダーの色を透明にします。
border-colorの使用例
CSSファイル
.sample001 {
width: 200px;
height: 80px;
border-width: 10px;
border-style: solid;
border-color: #ff0000 #00ff00 #000000 #0000ff;
margin: 5px;
}
HTMLソース
<div class="sample001">
borderプロパティ使用例<br />
</div>
表示すると
borderプロパティ使用例
外枠関連項目
| border(top right bottom left) | ボーダーの太さ・スタイル・色を指定 |
| border-color | ボーダーの色を指定する |
| border-style | ボーダーのスタイルを指定する |
| border-width | ボーダーの太さを指定する |
