CSS stroke-color property


CSS stroke-color defines the color of stroke as of border.

Remember that no browser supports stroke-color. Therefore, we use stroke, a shorthand property, to define the color of stroke.


stroke-color : currentColor | color-name | rgb value | hexadecimal value

Property values


currentColor keyword represents the same color for stroke as of text color.

stroke-color: currentColor;


The following demo represents skyblue color for the stroke of an element.

stroke-color: skyblue;

rgb value

It represents rgb value of a color. The hexadecimal value of red color is given below.

stroke-color: rgb(255,0,0);

hexadecimal value

It represents hexadecimal notation of red color. The hexadecimal notation of blue color is given below.

stroke-color: #0000ff;

It specifies the color of stroke only.

#CSS digger
Was this article helpful?