border-top-color

概要

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

構文

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; */

仕様

ブラウザの互換性

ブラウザ 最も低いバージョン
Chrome 1.0 
Firefox (Gecko) 1.0 (1.0)
Internet Explorer 4.0
Opera 3.5
Safari (WebKit) 1.0 (85)

Mozilla 拡張

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

参考

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

Document Tags and Contributors

Contributors to this page: ethertank, Yuichiro
最終更新者: ethertank,
サイドバーを隠す