border-right-color

border-right-colorプロパティとは

border-right-colorプロパティを使うと、ボックス右側の枠線(境界線)で色を変えることができます。

border-right-colorの定義は、以下のとおりです。

初期値がcolorプロパティの値なので、テキストの色と同じになります。

利用例

border-right-colorの利用例は、以下のとおりです。

.test {
  border-right-style: solid;
  border-right-color: red;
}

border-right-colorだけでは、境界線は表示されません。上記のように、border-right-styleなどで境界線を表示する指定が必要です。

上記は、以下のように表示されます。

段落の右側に、境界線が赤色で表示されています。

ブラウザのサポート状況

各ブラウザの最新バージョンでのサポート状況は、以下のとおりです。

〇

サポート

△

制限あり

×

未サポート

？

不明

IE

Internet Explorer

Ed

Edge

Fx

Firefox

Ch

Chrome

Sa

Safari

Op

Opera

An

Android Browser

Sm

Samsung Internet

※スマートフォンのFirefoxとChromeは、Android版です。