Simple HTMLHTMLリファレンス

Main Menu

おすすめリンク

Site Info.

CSSプロパティ

HTMLリファレンス

CSSリファレンス

その他の記事

CSSリファレンス インデックス

スポンサーリンク

CSSリファレンス

BORDERボーダーTOPCSSPropertiesBorder

  1. border-colorボーダー(枠線)の色
  2. border-styleボーダー(枠線)の種類
  3. border-widthボーダー(枠線)の幅
  4. borderボーダーのショートハンドプロパティ

border-colorボーダー(枠線)の色

プロパティの値[ <color> | transparent ]{1,4} | inherit
初期値指定した要素のcolor値
対象要素全要素
継承しない
%無効
メディアvisual
W3C Ref.CSS2.1CSS3

プロパティの書式と機能

ボーダー(上下左右)の色を指定します。border-colorに値を指定しない場合、対象要素のcolorプロパティの値が初期値として適用されます。

プロパティの書式機能
border-color: <color>Color 値を指定
border-color: transparent透過色
border-color: inherit継承

識別子によるプロパティの個別記述

-top, -right, -bottom, -left の識別子を付加することにより、上下左右のボーダーの個別指定が可能です。

プロパティの書式機能
border-top-color: <color>上部ボーダーの色指定
border-right-color: <color>右側ボーダーの色指定
border-bottom-color: <color>下部ボーダーの色指定
border-left-color: <color>左側ボーダーの色指定

カラー値のショートハンド記述

指定する値の個数によって、指定できる箇所が変わります。

プロパティの書式機能
border-color: <c1>Color 値をまとめて一括指定 (上下左右)
border-color: <c1> <c2> Color 値を指定 (上下 - 左右)
border-color: <c1> <c2> <c3>Color 値を指定 (上 - 左右 - 下)
border-color: <c1> <c2> <c3> <c4>Color 値を指定 (上 - 右 - 下 - 左)
スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.