CSS - border-color

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

概要

属性名 border-color
<color>{1,4}
初期値currentColor
適用可能要素すべて
継承継承しない
メディアvisual
アニメーション可能

サポート (説明)

CSSIE/EdgeFirefoxChromeOperaSafari
CSS14113.51

説明

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

説明
<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 */

使用例

CSS
.sample {
    border-color: red;
    border-style: solid;
    border-width: 3px;
    height: 32px;
    width: 120px;
}
HTML
<div class="sample"></div>
表示

関連項目

border, border-width, border-style, border-color

リンク


Copyright (C) 1997-2016 杜甫々
初版:1997年7月27日、最終更新:2016年1月3日
http://www.tohoho-web.com/css/prop/border-color.htm