border-top-color

概要

border-top-color CSSプロパティは、要素の下の境界線の色を設定します。なお多くの場合、ショートカットプロパティborder-colorを使用した方が便利で望ましいです。

• 初期値: 要素の color プロパティ
• 適用対象: 全ての要素
• 継承: しない
• パーセンテージ: N/A
• メディア: visual
• 計算値: 計算された色

構文

border-top-color:  <color> | transparent | inherit

値

<color>

使用できる各種キーワードと数値表記は<color>値を参照してください。

transparent

要素自身は色を持たず、代わりにその背後にある要素の色を表示します。

サンプル

実際の表示を確認

pre {
    border: ridge 1em gold;
        border-top-color: red;
}

     /* 以下と同じ結果になります。
        border: ridge 1em;
        border-color: red gold gold; */

仕様

• CSS 2.1 Box #border-color
• CSS 3 Background and Borders #border-color

ブラウザの互換性

Mozilla 拡張

-moz-border-top-colorsはFirefoxのようなGeckoベースのブラウザにおいて複数の色を上の境界線に設定します。

参考

border, border-top, border-color, border-right-color, border-bottom-color, border-left-color