CSS fill property
Description
CSS fill is a shorthand property of fill-color, fill-image, fill-origin, fill-position, fill-size, and fill-repeat properties.
But the current browsers accept only those color values.
Syntax
fill : currentColor | color-name | rgb value | hexadecimal value
Property values
currentColorDefault
-
currentColor keyword represents the same fill as of text color.
fill: currentColor;
color-name
-
The following demo represents skyblue fill.
fill: skyblue;
rgb value
-
It represents rgb value of a color.
The rgb value of red fill is given below.
fill: rgb(255,0,0);
hexadecimal value
-
It represents hexadecimal notation of color.
The hexadecimal notation of blue fill is given below.
fill: #0000ff;
Applicable to
It applies to SVG shapes.
From web4college, the free CSS digger
▾
