×

[PR]この広告は3ヶ月以上更新がないため表示されています。
ホームページを更新後24時間以内に表示されなくなります。

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 ボーダーの太さを指定する 

戻る

TOP

WEB SEARCH
MENU
CONTENTS
digilog.TOP
digilog.HTML
digilog.CSS
digilog.SEO
digilog.img