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

Style borderRight Property

<スタイルオブジェクト

右の境界線を追加<div>要素:

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

定義と使用法

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

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

  • ボーダー右幅
  • border-right-スタイル
  • border-right-色

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


構文

borderRightプロパティを返します:

object .style.borderRight

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

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

技術的な詳細

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

その他の例

幅、スタイルとの右の境界線の色変更<div>要素を:

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

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

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

関連ページ

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

CSSリファレンス: border-right property

HTML DOMリファレンス: border property


<スタイルオブジェクト