6.2. Fill style properties

These properties are applicable to closed geometric shapes as well as text.

Table 6.2. Fill style properties

MenuPropertyDescription

transparent, color, opacity, gradient.

transparentControls the appearance of filling the form. Sets the fill property to none (fill="none").

http://www.w3.org/TR/SVG/painting.html#FillProperty
colorFill solid color. Sets the fill property with a color (fill="color")..

The color can be selected from the basic palette, entered in the text field, or set with the color chooser svg panel available from its icon .

http://www.w3.org/TR/SVG/painting.html#FillProperty
OpacityFill form opacity between 0 (transparent) and 1 (solid).

http://www.w3.org/TR/SVG/painting.html#FillOpacityProperty
gradient

Gradient applied to the fill form in place of the solid color. Sets the fill property with a gradient id (fill="url(#MyGradient)").

The gradient can be customized and selected with the gradient definition tool .

The gradient can be selected with the chooser tool .

rule

Pattern

Pattern applied to the fill form in place of the solid color. Sets the fill property with a pattern id (fill="url(#MyPattern)").

The pattern can be customized and selected with the pattern definition tool .

The pattern can be selected from the drawn list or with the chooser tool .

ruleDefines the filling algorithm.

The method evenodd is useful for surfaces with holes.

http://www.w3.org/TR/SVG/painting.html#FillRuleProperty