border-color
境界線の色をまとめて指定

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
適用対象
継承 継承しない
初期値 各プロパティの初期値を参照(colorプロパティの値)
メディア
  • visual

上下左右の境界線の色を一括で指定するプロパティです。


border-color: #ff0000 #00ff00 #0000ff #000000;

プロパティの値
プロパティ名 説明
border-color 色のコードまたはネーム
transparent 透明
  • 上下左右の境界線の色を、1~4つの値で指定することができます。2つ以上の値で指定する場合は、半角スペースで区切って記述します。
  • transparentを指定した場合でも、境界線の幅は確保されます。
  • IE 6以下では、transparentの指定に対応していないようです。

値の指定例

  • #ff0000 … [上下左右] を指定
  • #ff0000 #00ff00 … [上下] と [左右] を指定
  • #ff0000 #00ff00 #0000ff … [上] と [左右] と [下] を指定
  • #ff0000 #00ff00 #0000ff #000000 … [上] と [右] と [下] と [左] を指定
このプロパティに関連する目的別リファレンス
境界線の色を指定する