Style borderTopStyle属性

定義と用法

borderTopStyle 属性設定または要素上の边框のスタイルを返します。

も参照してください：

CSS 教程：CSS 枠線

CSS 参考手册：border-top-style属性

HTML DOM 参考手册：border属性

例

例 1

HTMLの<div>要素に実心上边框を追加する：

document.getElementById("myDiv").style.borderTopStyle = "solid";

自分で試してみてください

例2

<div>要素の上端の境界スタイルを"dotted"に変更します：

document.getElementById("myDiv").style.borderTopStyle = "dotted";

自分で試してみてください

例3

返却：<div>要素の上端の境界スタイル：

alert(document.getElementById("myDiv").style.borderTopStyle);

自分で試してみてください

例4

すべての異なる値のデモ：

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue;

自分で試してみてください

文法

borderTopStyle属性を返します：

object.style.borderTopStyle

borderTopStyle属性を設定します：

object.style.borderTopStyle = value|initial|inherit
値 説明
none 境界線を定義します。デフォルト。
hidden "none"と同じですが、テーブル要素の境界の衝突解決では除かれます。
dotted 点状の境界を定義します。
dashed 点線の境界を定義します。
solid 実線の境界を定義します。
double 2つの境界を定義します。2つの境界の幅はborder-widthの値と同じです。
groove 3Dボウル境界を定義します。効果は border-color の値。
ridge 3Dリジッド境界を定義します。効果は border-color の値。
inset 3Dインセットの境界を定義します。効果は border-color の値。
outset 3Dオウトセットの境界を定義します。効果は border-color の値。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit 親要素からこの属性を継承します。参照してください inherit。

技術的詳細

デフォルト値： none
返り値： 文字列、要素の上端のスタイルを表す。
CSSバージョン： CSS1

ブラウザサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート