MENU


Values And Attributes

Colors and lengths in SVG can be specified in the same ways as CSS.
The value of an <angle> has the form: <number> [deg | grad | rad | turn]

In this tutorial, underlined tags are not closed with a separate closing tag.

To facilitate future references, the SVG attributes are grouped and abbreviated here:

  • A: animation event attributes
    onbegin, onend, onload, onrepeat

  • O: conditional processing attributes
    requiredExtensions, requiredFeatures, systemLanguage

  • C: core attributes
    id, xml:base, xml:lang, xml:space

  • D: document event attributes
    onabort, onerror, onresize, onscroll, onunload, onzoom

  • F: filter primitive attributes
    height, result, width, x, y

  • G: graphical event attributes
    onactivate, onclick, onfocusin, onfocusout, onload, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup

  • P: presentation attributes
                    markers: marker-end, marker-mid, maker-start
                    stroking: stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, stroke
                    filling: opacity, fill-opacity, fill-rule, fill, visibility, stop-color,                 stop-opacity, clip-path, clip-rule, clip, mask
                    filters: filter, flood-color, flood-opacity
                    text: text-anchor, text decoration, text-rendering, direction, unicode-bidi, letter-spacing, word-spacing, writing-mode
                    fonts: font-family, font-size-adjust, font-size, font-stretch, font-style, font-variant, font-weight
                    glyphs: glyph-orientation-horizontal, glyph-orientation-vertical, kerning
                    rendering: color-rendering, image-rendering, shape-rendering, text-rendering
                    color: color-interpolation-filters, color-interpolation, color-profile, color, lighting-color
                    others: cursor, display, enable-background, overflow, pointer-events

  • S: style attributes
    class, style, externalResourcesRequired

  • X: XLink attributes
    xlink:href, xlink:type, xlink:role, xlink:arcrole, xlink:title, xlink:actuate, xlink:show