CSS - border-*-color

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

概要

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

サポート (説明)

CSSIE/EdgeFirefoxChromeOperaSafari
CSS14113.51

説明

上側、右側、下側、左側のボーダーラインの色を指定します。

値説明
<color>線の色を指定します。詳細は <color> を参照してください。

使用例

CSS
.sample {
    border: 10px solid;
    border-top-color: #993333;
    border-right-color: #999933;
    border-bottom-color: #333399;
    border-left-color: #339933;
    width: 80px;
    height: 80px;
    margin: 1em;
}
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-x-color.htm