CSS - border-color

概要

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

サポート (説明)

CSS	IE/Edge	Firefox	Chrome	Opera	Safari
CSS1	4	1	1	3.5	1

説明

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

値	説明
<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>

表示

リンク

初版：1997年7月27日、最終更新：2016年1月3日

https://www.tohoho-web.com/css/prop/border-color.htm

CSS - border-color

概要

サポート (説明)

説明

使用例

関連項目

リンク