最新のWeb開発のチュートリアル
 

Style borderTop Property

<スタイルオブジェクト

例

上部の境界線を追加し<div>要素：

document.getElementById("myDiv").style.borderTop = "thick solid #0000FF";
»それを自分で試してみてください

定義と使用法

borderTopプロパティセットまたは短縮形で3つの別個のボーダートップ特性まで戻ります。

このプロパティを使用すると、の一つ以上を返す/設定することができ、次の(in any order) ：

  • border-top-幅
  • border-top-スタイル
  • border-top-色

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

borderTopプロパティは、すべての主要なブラウザでサポートされています。

構文

borderTopプロパティを返します：

object .style.borderTop

borderTopプロパティを設定します。

object .style.borderTop=" プロパティ値
パラメーター 説明
width トップ境界線の幅を設定します。
style 上境界線のスタイルを設定します。
color トップ境界線の色を設定します。
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値： 指定されていない
戻り値： 要素の上境界線の幅、スタイル及び/又は色を表す文字列
CSSのバージョン CSS1

その他の例

例

幅、スタイルとの上部の境界線の色を変更して<div>要素を：

document.getElementById("myDiv").style.borderTop = "thin dotted red";
»それを自分で試してみてください

例

ののborder-topプロパティの値を返します<div>要素を：

alert(document.getElementById("myDiv").style.borderTop);
»それを自分で試してみてください

関連ページ

CSSチュートリアル： CSSボーダー

CSSリファレンス： border-top property

HTML DOMリファレンス： border property

<スタイルオブジェクト