CSS border-top 属性

定義と使用法

border-topの省略記法は、上辺のすべての属性を1つの宣言にまとめて設定します。

以下の順序で属性を設定できます：

もし値を設定しない場合でも問題はありません。例えば、border-top:solid #ff0000;も許可されています。

他にも参照してください：

CSSトレーニング：CSS 边框

HTML DOMリファレンスマニュアル：borderTop属性

例

上辺のスタイルを設定：

p
  {
  border-style:solid;
  border-top:thick double #ff0000;
  }

自分で試してみる

CSS構文

border-top: border-width border-style border-color|initial|inherit;

属性値

値 説明
border-top-width 上辺の幅を指定します。参照：border-top-width 中の可能な値。
border-top-style 上辺のスタイルを指定します。参照：border-top-style 中の可能な値。
border-top-color 上辺の色を指定します。参照：border-top-color 中の可能な値。
inherit 親要素からborder-top属性の設定を継承すべきことを指定します。

技術的詳細

デフォルト値： 未指定
継承性： no
バージョン： CSS1
JavaScript構文： object.style.borderTop="3px solid blue"

他の例

すべての上辺の属性が1つの宣言に含まれています
この例では、すべての上辺の属性を同じ宣言で設定するために省略記法を使用しています。

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

注記：IE7およびそれ以前のブラウザでは値"inherit"をサポートしていません。IE8では!DOCTYPEが必要です。IE9では"inherit"をサポートしています。