CSS

The CSS outline-color property is used to specify the color of an element's outline.

outline-color

　outline-colorプロパティは、要素にアウトラインを追加するときにアウトラインの色を指定するために使用されます。アウトラインは、要素の周りに描かれる輪郭で、フォーカスやハイライトなどの目的で使用されます。

　outline-colorプロパティは、以下のように使用されます。

CSS

outline-color: red;

　上記の例では、要素のアウトラインの色が赤色に設定されています。

　outline-colorプロパティは、色を指定するために以下の値を受け入れます。

キーワード: 例：red、green、blueなど
RGB値: 例：rgb(255, 0, 0)、rgb(0, 255, 0)など
RGBA値: 例：rgba(255, 0, 0, 0.5)、rgba(0, 255, 0, 0.5)など
HEX値: 例：#FF0000、#00FF00など

　また、outline-colorプロパティは、以下のような値も受け入れます。

currentcolor: 要素の colorプロパティの値に基づいて、アウトラインの色が自動的に設定されます。
invert: アウトラインの色が反転され、要素の背景色がアウトラインの色になります。

　以下は、outline-colorプロパティの使用例です。

CSS

/* キーワードを使用 */
outline-color: red;

/* RGB値を使用 */
outline-color: rgb(255, 0, 0);

/* RGBA値を使用 */
outline-color: rgba(255, 0, 0, 0.5);

/* HEX値を使用 */
outline-color: #FF0000;

/* currentcolorを使用 */
outline-color: currentcolor;

/* invertを使用 */
outline-color: invert;

　このプロパティを使用することで、要素のアウトラインの色を指定することができます。