CSS - border-color

• トップ
• CSSリファレンス
• border-color

概要

サポート (説明)

説明

ボーダーラインの色を指定します。

値を 4つ指定した場合、それぞれは、上、右、下、左に適用されます。左を省略すると右と同じ値になります。下を省略すると上の同じ値になります。右を省略すると上と同じ値になります。

border-color: red; /* 上:red、右:red、下:red、左:red */
border-color: red blue; /* 上:red、右:blue、下:red、左:blue */
border-color: red blue green; /* 上:red、右:blue、下:green、左:blue */
border-color: red blue green yellow; /* 上:red、右:blue、下:green、左:yellow */

使用例

.sample {
 border-color: red;
 border-style: solid;
 border-width: 3px;
 height: 32px;
 width: 120px;
}

<div class="sample"></div>

関連項目

リンク

• http://www.w3.org/TR/CSS1/#border-color
• http://www.w3.org/TR/CSS2/box.html#propdef-border-color
• http://www.w3.org/TR/css3-background/#the-border-color
• https://developer.mozilla.org/ja/docs/Web/CSS/border-color
• http://caniuse.com/#search=css%202.1%20properties