English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 参考マニュアル

CSS @ルール(RULES)

CSS 属性全書

CSS border-right-color 属性の使用方法と例

border-right-color css属性は、要素の右側の枠線の色を設定するために使用されますが、多くの場合、border-colorまたはborder-rightこのような省略形のCSS属性は使いやすく、推奨されます。

以下のテーブルには、この属性の使用方法とバージョン履歴、JavaScriptスクリプトでの使用方法が示されています。

デフォルト値:color属性値
適用:すべての要素
継承:ありません
アニメーション可能:は。参照 アニメーション属性
バージョン:CSS 1、2、3
JavaScript構文:object object.style.borderRightColor="red"

border-right-colorの使用構文

この属性の構文は以下の通りです:

border-right-color: color | transparent | initial | inherit

以下の例では、borderを使用する方法を示しています。-right-color属性。

  p {
   border-style: solid;
   border-right-color: #ff0000;
  }
テストして‹/›

注意:次の通りborder-style属性がborderの前に宣言されているからです。-bottom-width属性。要素が枠線を持っている場合のみ、枠線の幅を設定できます。なぜなら、このborder-styleこの属性のデフォルト値はnoneです。

属性値

以下のテーブルはこの属性の値を説明しています。

説明
color右側の枠線の色を指定します。参照CSS色値で可能な色値リストを取得します。
transparent边框透明を許可しますが、それが占有するborder-width属性設定のスペース。
initialこの属性をデフォルト値に設定します。
inherit指定された場合、関連する要素は親要素のborderを使用します。-right-colorの属性値。

ブラウザ互換性

border-right-color属性のブラウザの互換性について、以下のテーブルにはその属性をサポートするブラウザの最低バージョン番号が示されています;すべての主要ブラウザはこの属性をサポートしています。

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

さらに詳しく

以下のチュートリアルを参照:CSS BorderCSS3 Border

関連属性:borderborder-colorborder-rightborder-right-style
border-right-width