- <li>clip-rect <em>string</em> comma or space separated values: x, y, width and height</li>
- <li>cx <em>number</em></li>
- <li>cy <em>number</em></li>
- <li>fill <em>colour</em></li>
- <li>fill-opacity <em>number</em></li>
- <li>font <em>string</em></li>
- <li>font-family <em>string</em></li>
- <li>font-size <em>number</em></li>
- <li>font-weight <em>string</em></li>
- <li>gradient <em>string</em> “‹angle›-‹colour›[-‹colour›[:‹offset›]]*-‹colour›”, example: <samp>"90-#fff-#000"</samp> or <samp>"0-#fff-#f00:20-#000"</samp></li>
- <li>height <em>number</em></li>
- <li>opacity <em>number</em></li>
- <li>path <em>pathString</em> <a href="http://www.w3.org/TR/SVG/paths.html#PathData" title="Details of a path’s data attribute’s format are described in the SVG specification.">SVG path string format</a></li>
- <li>r <em>number</em></li>
- <li>rotation <em>number</em></li>
- <li>rx <em>number</em></li>
- <li>ry <em>number</em></li>
- <li>scale <em>string</em> comma or space separated values: xtimes, ytimes, cx, cy. See: <a href="#scale">scale</a></li>
- <li>src <em>string</em> (URL)</li>
- <li>stroke <em>colour</em></li>
- <li>stroke-dasharray <em>string</em> [“”, “-”, “.”, “-.”, “-..”, “. ”, “- ”, “--”, “- .”, “--.”, “--..”]</li>
- <li>stroke-linecap <em>string</em> [“butt”, “square”, “round”, “miter”]</li>
- <li>stroke-linejoin <em>string</em> [“butt”, “square”, “round”, “miter”]</li>
- <li>stroke-miterlimit <em>number</em></li>
- <li>stroke-opacity <em>number</em></li>
- <li>stroke-width <em>number</em></li>
- <li>translation <em>string</em> comma or space separated values: x and y</li>
- <li>width <em>number</em></li>
- <li>x <em>number</em></li>
- <li>y <em>number</em></li>
+ <li id="attr-clip-rect">clip-rect <em>string</em> comma or space separated values: x, y, width and height</li>
+ <li id="attr-cx">cx <em>number</em></li>
+ <li id="attr-cy">cy <em>number</em></li>
+ <li id="attr-fill">
+ fill <em>colour</em> or <em>gradient</em>
+ <ul>
+ <li>linear gradient: “‹angle›-‹colour›[-‹colour›[:‹offset›]]*-‹colour›”, example: <samp>"90-#fff-#000"</samp> – 90° gradient from white to black or <samp>"0-#fff-#f00:20-#000"</samp> – 0° gradient from white via red (at 20%) to black</li>
+ <li>radial gradient: “r[(‹fx›, ‹fy›)]‹colour›[-‹colour›[:‹offset›]]*-‹colour›”, example: <samp>“r#fff-#000”</samp> – gradient from white to black or <samp>“r(0.25, 0.75)#fff-#000”</samp> – gradient from white to black with focus point at 0.25, 0.75</li>
+ <li>Focus point coordinates are in 0..1 range</li>
+ <li>Radial gradients can only be applied to circles and ellipses</li>
+ </ul>
+ </li>
+ <li id="attr-fill-opacity">fill-opacity <em>number</em></li>
+ <li id="attr-font">font <em>string</em></li>
+ <li id="attr-font-family">font-family <em>string</em></li>
+ <li id="attr-font-size">font-size <em>number</em></li>
+ <li id="attr-font-weight">font-weight <em>string</em></li>
+ <li id="attr-height">height <em>number</em></li>
+ <li id="attr-opacity">opacity <em>number</em></li>
+ <li id="attr-path">path <em>pathString</em> <a href="http://www.w3.org/TR/SVG/paths.html#PathData" title="Details of a path’s data attribute’s format are described in the SVG specification.">SVG path string format</a></li>
+ <li id="attr-r">r <em>number</em></li>
+ <li id="attr-rotation">rotation <em>number</em></li>
+ <li id="attr-rx">rx <em>number</em></li>
+ <li id="attr-ry">ry <em>number</em></li>
+ <li id="attr-scale">scale <em>string</em> comma or space separated values: xtimes, ytimes, cx, cy. See: <a href="#scale">scale</a></li>
+ <li id="attr-src">src <em>string</em> (URL)</li>
+ <li id="attr-stroke">stroke <em>colour</em></li>
+ <li id="attr-stroke-dasharray">stroke-dasharray <em>string</em> [“”, “-”, “.”, “-.”, “-..”, “. ”, “- ”, “--”, “- .”, “--.”, “--..”]</li>
+ <li id="attr-stroke-linecap">stroke-linecap <em>string</em> [“butt”, “square”, “round”]</li>
+ <li id="attr-stroke-linejoin">stroke-linejoin <em>string</em> [“butt”, “square”, “round”, “miter”]</li>
+ <li id="attr-stroke-miterlimit">stroke-miterlimit <em>number</em></li>
+ <li id="attr-stroke-opacity">stroke-opacity <em>number</em></li>
+ <li id="attr-stroke-width">stroke-width <em>number</em></li>
+ <li id="attr-translation">translation <em>string</em> comma or space separated values: x and y</li>
+ <li id="attr-width">width <em>number</em></li>
+ <li id="attr-x">x <em>number</em></li>
+ <li id="attr-y">y <em>number</em></li>