Web4College

CSS stroke-color property

src

Description

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.

Syntax

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

Property values

currentColorDefault

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

stroke-color: currentColor;
Try it

color-name

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

stroke-color: skyblue;
Try it

rgb value

#000000

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

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

hexadecimal value

#000000

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

stroke-color: #0000ff;
Try it

It specifies the color of stroke only.