W3cubDocs

/SVG

values

The values attribute has two meanings, depending upon the context where 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", values is a list of 20 matrix values (a00 a01 a02 a03 a04 a10 a11 ... a34), separated by whitespace and/or a comma.
  • For type="saturate", values is a single real number value (0 to 1).
  • For type="hueRotate", values is a single one real number value (degrees).
  • For type="luminanceToAlpha", values is 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

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/values