CSS border-right-style 属性

定義と使用方法

border-right-styleは、要素の右端の边框のスタイルを設定します。

この値がnoneでない場合にのみ边框が表示されます。

CSS1では、HTMLユーザーエージェントはsolidとnoneのみをサポートする必要があります。

も参照してください：

CSS チュートリアル：CSS 边框

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

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

例

右端のスタイルを設定：

p
  {
  border-style:solid;
  border-right-style:dotted;
  }

実際に試してみる

CSS 文法

border-right-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

属性値

値 説明
none 边框を定義します。
hidden 「none」と同じですが、テーブルに適用される場合を除きます。テーブルの場合、hidden が边框の衝突を解決するために使用されます。
dotted 点状の边框を定義します。ほとんどのブラウザでは実線として表示されます。
dashed 点線を定義します。ほとんどのブラウザでは実線として表示されます。
solid 実線を定義します。
double ダブルラインを定義します。ラインの幅は border-width の値に等しいです。
groove 3D グローブの边框を定義します。その効果は border-color の値によって決まります。
ridge 3D ボリュームの边框を定義します。その効果は border-color の値によって決まります。
inset 3D inset 边框を定義します。その効果は border-color の値によって決まります。
outset 3D outset 边框を定義します。その効果は border-color の値によって決まります。
inherit 親要素から边框スタイルを継承するべきであることを規定しています。

技術的詳細

デフォルト値： not specified
継承性： no
バージョン： CSS1
JavaScript 文法： object.style.borderRightStyle="dotted"

さらに多くの例

右端のスタイルの設定
この例では、右端のスタイルを設定する方法を示します。

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5