attributeType

  • Revision slug: SVG/Attribute/attributeType
  • Revision title: attributeType
  • Revision id: 94906
  • Created:
  • Creator: Jeremie
  • Is current revision? No
  • Comment page created, 156 words added

Revision Content

« SVG Attribute reference home

This attribute specifies the namespace in which the target attribute and its associated values are defined. 

Usage context

Categories Animation attribute target attribute
Value CSS | XML | auto
Animatable No
Normative document SVG 1.1 (2nd Edition)

This attribute can take one of the following values :

CSS
This specifies that the value of {{ SVGAttr("attributeName") }} is the name of a CSS property defined as animatable.
XML
This specifies that the value of {{ SVGAttr("attributeName") }} is the name of an XML attribute defined as animatable in the default XML namespace for the target element.
auto
The implementation should match the {{ SVGAttr("attributeName") }} to an attribute for the target element. User-agents first search through the list of CSS properties for a matching property name, and if none is found, search the default XML namespace for the element.

Example

Elements

The following elements can use the attributeType attribute

  • {{ SVGElement("animate") }}
  • {{ SVGElement("animateColor") }}
  • {{ SVGElement("animateTransform") }}
  • {{ SVGElement("set") }}

Revision Source

<p>« <a href="/en/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p>
<p>This attribute specifies the namespace in which the target attribute and its associated values are defined. </p>
<h2 id="Usage_context">Usage context</h2>
<table class="standard-table"> <tbody> <tr> <th scope="row">Categories</th> <td>Animation attribute target attribute</td> </tr> <tr> <th scope="row">Value</th> <td>CSS | XML | <strong title="this is the default value">auto</strong></td> </tr> <tr> <th scope="row">Animatable</th> <td>No</td> </tr> <tr> <th scope="row">Normative document</th> <td><a class="external" href="http://www.w3.org/TR/SVG/animate.html#AttributeTypeAttribute" title="http://www.w3.org/TR/SVG/animate.html#AttributeTypeAttribute">SVG 1.1 (2nd Edition)</a></td> </tr> </tbody>
</table>
<p>This attribute can take one of the following values :</p>
<dl> <dt>CSS</dt> <dd>This specifies that the value of {{ SVGAttr("attributeName") }} is the name of a CSS property defined as animatable.</dd> <dt> </dt><dt>XML</dt> <dd>This specifies that the value of {{ SVGAttr("attributeName") }} is the name of an XML attribute defined as animatable in the default XML namespace for the target element.</dd> <dt>auto</dt> <dd>The implementation should match the {{ SVGAttr("attributeName") }} to an attribute for the target element. User-agents first search through the list of CSS properties for a matching property name, and if none is found, search the default XML namespace for the element.</dd>
</dl>
<h2 id="Example">Example</h2>
<h2 id="Elements">Elements</h2>
<p>The following elements can use the <code>attributeType</code> attribute</p>
<ul> <li>{{ SVGElement("animate") }}</li> <li>{{ SVGElement("animateColor") }}</li> <li>{{ SVGElement("animateTransform") }}</li> <li>{{ SVGElement("set") }}</li>
</ul>
Revert to this revision