« SVG Attribute reference home
The values attribute has two meaning based on the context it's used.
For animation elements, the values attribute is a semicolon-separated list of one or more values. The animation will apply the values in order over the course of the animation. If a list of values is specified, any from, to and by attribute values are ignored.
For the <fecolormatrix> element, the contents of values depends on the value of attribute type:
- For
type="matrix",valuesis a list of 20 matrix values (a00 a01 a02 a03 a04 a10 a11 ... a34), separated by whitespace and/or a comma. - For
type="saturate",valuesis a single real number value (0 to 1). - For
type="hueRotate",valuesis a single one real number value (degrees). - For
type="luminanceToAlpha",valuesis not applicable.
If the attribute is not specified, then the default behavior depends on the value of attribute type.
- If
type="matrix", then this attribute defaults to the identity matrix. - If
type="saturate", then this attribute defaults to the value 1, which results in the identity matrix. - If
type="hueRotate", then this attribute defaults to the value 0, which results in the identity matrix.
Usage context
For animation elements
| Categories | Animation value attribute |
|---|---|
| Value | <list> |
| Animatable | No |
| Normative document | SVG 1.1 (2nd Edition) |
For the <fecolormatrix> element
| Categories | None |
|---|---|
| Value | <list> | <number> |
| Animatable | Yes |
| Normative document | SVG 1.1 (2nd Edition) |
Example
Elements
The following elements can use the values attribute