border-color（枠線の色の略記）

解説

枠線の上下左右の色をまとめて指定する属性です（個別に指定する属性は、border-top-color、border-right-color、border-bottom-color、border-left-colorですが、現在対応ブラウザはありません。）。border-style属性、border-width属性と一緒に指定して下さい。

値	<color> transparent：透過色指定は１値～４値の任意値の数と枠線との対応について
初期値	color属性の値各属性の初期値
%値の基準
適用	すべてのエレメント
継承	しない

対応状況

<color>

transparent

は、色をまとめて設定すると、正常に動作しません。（単色指定でのみ正常に動作します。）

使用例

ソース

表示＆操作

スタイル部に、

.border1{border-width:thin;
　　　　　 border-color:red;
　　　　　 border-style:solid;}
.border2{border-width:medium thick;
　　　　　 border-color:red blue;
　　　　　 border-style:solid double;}
.border3{border-width:20px;
　　　　　 border-color:blue transparent;
　　　　　 border-style:solid;}
.border4{border-width:thick;
　　　　　 border-color:background lime rgb(255,255,0) #808000;
　　　　　 border-style:solid;}

と記述し、

単色指定です。

２色指定です。

２色(透過色)指定です。

４色指定です。

と表示されます。

body部に、

<div class="border1">単色指定です。</div><br>
<div class="border2">２色指定です。</div><br>
<div class="border3">２色(透過色)指定です。</div><br>
<div class="border4">４色指定です。</div><br>

と記述すると。

pokochan@mx1.tees.ne.jp