CSS border-top プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

上ボーダーのスタイルを設定します:

p {
    border-style: solid;
    border-top: thick double #ff0000;
}
Try it Yourself ❯

定義と用法

border-top ショートハンド・プロパティは、1回の宣言で全ての上ボーダープロパティを設定します。

プロパティは次の順に設定されます:border-top-width、border-top-style、border-top-color。

上記値のうちの 1 つを省略しても問題ありません。例えば、 border-top:solid #ff0000 のように、必要に応じて省略したプロパティにデフォルト値が設定されます。

デフォルト値: medium none color
継承: 継承する
アニメーション可否: yes, 個別のプロパティを参照してください. animatable を参照 Try it
バージョン: CSS1
JavaScript 構文: object.style.borderTop="3px dashed blue" Try it

ブラウザ・サポート

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
border-top 1.0 4.0 1.0 1.0 3.5

注: 各ブラウザのサポートは、下の数字をご覧ください。


CSS 構文

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

プロパティの値

説明
border-top-width 上ボーダーの幅を指定します。デフォルト値は "medium" です
border-top-style 上ボーダーのスタイルを指定します。デフォルト値は "none" です
border-top-color 上ボーダーの色を指定します。デフォルト値は要素の色です
initial プロパティにデフォルト値を設定します。initial を参照
inherit このプロパティは親要素を継承します。inherit を参照

関連ページ

CSS チュートリアル: CSS Border

HTML DOM リファレンス:borderTop property


❮ 前章へ 完全な CSS リファレンス 次へ ❯