Style borderRightStyle属性

定義と使用方法

borderRightStyle 属性設定または要素の右側フレームのスタイルを返します。

も参照してください：

CSSチュートリアル：CSS 枠線

CSSリファレンスマニュアル：border-right-style属性

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

例

例1

HTMLの<div>要素に「実線」の右側フレームを追加します：

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

var listValue = selectTag.options[selectTag.selectedIndex].text;

例子 2

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

例 2

var listValue = selectTag.options[selectTag.selectedIndex].text;

<div> 元素の右境界線のスタイルを「dotted」に変更します：

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

例 3

var listValue = selectTag.options[selectTag.selectedIndex].text;

返却 <div> 元素の右境界線スタイル：

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

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

var listValue = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.borderRightStyle = listValue;

実際に試してみてください

.style.borderRightStyle文法

borderRightStyle 属性を返します：

.style.borderRightStyleborderRightStyle 属性を設定します： object
.style.borderRightStyle = value
値 説明
none 境界線がなくなるように定義します。デフォルト。
hidden 「none」と同じですが、テーブル要素の境界の衝突解決に際しては除かれます。
dashed 点線境界を定義します。
solid 実線境界を定義します。
double 二つの境界を定義します。二つの境界の幅は border-width の値と同じです。
groove 3D 凹み境界を定義します。効果は以下に依存します border-color の値。
ridge 3D ゆがみ境界を定義します。効果は以下に依存します border-color の値。
inset 3D inset 枠を定義します。効果は以下に依存します border-color の値。
outset 3D outset 枠を定義します。効果は以下に依存します border-color の値。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit 親要素からこの属性を継承します。参照してください inherit。

技術的詳細

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

ブラウザサポート

クローム エッジ ファイアフォックス サファリ オペラ
クローム エッジ ファイアフォックス サファリ オペラ
サポート サポート サポート サポート サポート