About
This page is about the fill operation in SVG.
It shows you how to paint the interior of the object via:
- the SVG fill attribute 1)
- and the HTML style property
Example
As svg attribute
With the rect element
<svg >
<rect
x="0"
y="0"
width="300"
height="100"
fill="#ECDCC6"
rx="10"
ry="10"/>
</svg>
As style attribute
<svg style="fill: #ECDCC6">
<rect
x="0"
y="0"
width="300"
height="100"
rx="10"
ry="10"/>
</svg>