Viewing github.com/facebook/react/fixtures/attribute-behavior/src/attributes.js

```
function getProperty(propertyName) {
```
```
  return el => el[propertyName];
```
```
}
```
```
function getAttribute(attributeName) {
```
```
  return el => {
```
```
    if (el.namespaceURI === '') {
```

      throw new Error('Not an HTML element.');

```
    }
```

    return el.getAttribute(attributeName);

```
  };
```
```
}
```

function getSVGProperty(propertyName) {

```
  return el => el[propertyName];
```
```
}
```

function getSVGAttribute(attributeName) {

```
  return el => {
```

    if (el.namespaceURI !== 'http://www.w3.org/2000/svg') {

      throw new Error('Not an SVG element.');

```
    }
```

    return el.getAttribute(attributeName);

```
  };
```
```
}
```
```
const attributes = [
```

  {name: 'about', read: getAttribute('about')},

  {name: 'aBoUt', read: getAttribute('about')},

```
  {
```
```
    name: 'accent-Height',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```

    read: getSVGAttribute('accent-height'),

```
  },
```
```
  {
```
```
    name: 'accent-height',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```

    read: getSVGAttribute('accent-height'),

```
  },
```
```
  {
```
```
    name: 'accentHeight',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```

    read: getSVGAttribute('accent-height'),

```
  },
```
```
  {name: 'accept', tagName: 'input'},
```

  {name: 'accept-charset', tagName: 'form', read: getProperty('acceptCharset')},

  {name: 'accept-Charset', tagName: 'form', read: getProperty('acceptCharset')},

  {name: 'acceptCharset', tagName: 'form'},

```
  {name: 'accessKey'},
```
```
  {
```
```
    name: 'accumulate',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```

    read: getSVGAttribute('accumulate'),

```
  },
```

  {name: 'action', tagName: 'form', overrideStringValue: 'https://reactjs.com'},

```
  {
```
```
    name: 'additive',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```
```
    read: getSVGAttribute('additive'),
```
```
  },
```
```
  {
```
```
    name: 'alignment-baseline',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'textPath',
```

    read: getSVGAttribute('alignment-baseline'),

```
  },
```
```
  {
```
```
    name: 'alignmentBaseline',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'textPath',
```

    read: getSVGAttribute('alignment-baseline'),

```
  },
```
```
  {
```
```
    name: 'allowFullScreen',
```
```
    tagName: 'iframe',
```

    read: getProperty('allowFullscreen'),

```
  },
```
```
  {
```
```
    name: 'allowfullscreen',
```
```
    tagName: 'iframe',
```

    read: getProperty('allowFullscreen'),

```
  },
```

  {name: 'allowFullscreen', tagName: 'iframe'},

```
  {
```
```
    name: 'allowReorder',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'switch',
```

    read: getSVGAttribute('allowReorder'),

```
  },
```
```
  {
```
```
    name: 'alphabetic',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```

    read: getSVGAttribute('alphabetic'),

```
  },
```
```
  {name: 'alt', tagName: 'img'},
```
```
  {
```
```
    name: 'amplitude',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feFuncA',
```
```
    read: getSVGProperty('amplitude'),
```
```
  },
```
```
  {
```
```
    name: 'arabic-form',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'glyph',
```

    read: getSVGAttribute('arabic-form'),

```
  },
```
```
  {
```
```
    name: 'arabicForm',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'glyph',
```

    read: getSVGAttribute('arabic-form'),

```
  },
```

  {name: 'aria', read: getAttribute('aria')},

  {name: 'aria-', read: getAttribute('aria-')},

  {name: 'aria-invalidattribute', read: getAttribute('aria-invalidattribute')},

```
  {name: 'as', tagName: 'link'},
```
```
  {
```
```
    name: 'ascent',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
    read: getSVGAttribute('ascent'),
```
```
  },
```
```
  {name: 'async', tagName: 'script'},
```
```
  {
```
```
    name: 'attributeName',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```

    read: getSVGAttribute('attributeName'),

```
  },
```
```
  {
```
```
    name: 'attributeType',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```

    read: getSVGAttribute('attributeType'),

```
  },
```
```
  {
```
```
    name: 'autoCapitalize',
```
```
    tagName: 'input',
```

    read: getProperty('autocapitalize'),

```
    overrideStringValue: 'words',
```
```
  },
```
```
  {
```
```
    name: 'autoComplete',
```
```
    tagName: 'input',
```
```
    overrideStringValue: 'email',
```
```
    read: getProperty('autocomplete'),
```
```
  },
```
```
  {
```
```
    name: 'autoCorrect',
```
```
    tagName: 'input',
```
```
    overrideStringValue: 'off',
```
```
    read: getAttribute('autocorrect'),
```
```
  },
```

  {name: 'autoPlay', tagName: 'video', read: getProperty('autoplay')},

```
  {
```
```
    name: 'autoReverse',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```

    read: getSVGAttribute('autoreverse'),

```
  },
```

  {name: 'autoSave', tagName: 'input', read: getAttribute('autosave')},

```
  {
```
```
    name: 'azimuth',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feDistantLight',
```
```
    read: getSVGProperty('azimuth'),
```
```
  },
```
```
  {
```
```
    name: 'baseFrequency',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feTurbulence',
```

    read: getSVGAttribute('baseFrequency'),

```
  },
```
```
  {
```
```
    name: 'baseline-shift',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'textPath',
```

    read: getSVGAttribute('baseline-shift'),

```
  },
```
```
  {
```
```
    name: 'baselineShift',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'textPath',
```

    read: getSVGAttribute('baseline-shift'),

```
  },
```

  {name: 'baseProfile', tagName: 'svg', read: getSVGAttribute('baseProfile')},

```
  {
```
```
    name: 'bbox',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
    read: getSVGAttribute('bbox'),
```
```
  },
```
```
  {
```
```
    name: 'begin',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```
```
    read: getSVGAttribute('begin'),
```
```
  },
```
```
  {
```
```
    name: 'bias',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feConvolveMatrix',
```
```
    read: getSVGProperty('bias'),
```
```
  },
```
```
  {
```
```
    name: 'by',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```
```
    read: getSVGAttribute('by'),
```
```
  },
```
```
  {
```
```
    name: 'calcMode',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```
```
    overrideStringValue: 'discrete',
```
```
    read: getSVGAttribute('calcMode'),
```
```
  },
```
```
  {
```
```
    name: 'cap-height',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```

    read: getSVGAttribute('cap-height'),

```
  },
```
```
  {
```
```
    name: 'capHeight',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```

    read: getSVGAttribute('cap-height'),

```
  },
```
```
  {
```
```
    name: 'capture',
```
```
    tagName: 'input',
```

    overrideStringValue: 'environment',

```
    read: getAttribute('capture'),
```
```
  },
```

  {name: 'cellPadding', tagName: 'table'},

  {name: 'cellSpacing', tagName: 'table'},

```
  {
```
```
    name: 'challenge',
```
```
    tagName: 'keygen',
```

    read: getAttribute('challenge'), // The property is not supported in Chrome.

```
  },
```

  {name: 'charSet', tagName: 'script', read: getProperty('charset')},

  {name: 'checked', tagName: 'input', extraProps: {onChange() {}}},

  {name: 'Checked', tagName: 'input', read: getAttribute('Checked')},

  {name: 'Children', read: getAttribute('children')},

```
  {name: 'children'},
```
```
  {
```
```
    name: 'cite',
```
```
    tagName: 'blockquote',
```

    overrideStringValue: 'https://reactjs.com/',

```
  },
```

  {name: 'class', read: getAttribute('class')},

  {name: 'classID', tagName: 'object', read: getAttribute('classid')},

```
  {name: 'className'},
```

  {name: 'clip', tagName: 'svg', read: getAttribute('clip')},

```
  {
```
```
    name: 'clip-path',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('clip-path'),

```
  },
```
```
  {
```
```
    name: 'clipPath',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('clip-path'),

```
  },
```
```
  {
```
```
    name: 'clipPathUnits',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'clipPath',
```

    overrideStringValue: 'objectBoundingBox',

    read: getSVGProperty('clipPathUnits'),

```
  },
```
```
  {
```
```
    name: 'clip-rule',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('clip-rule'),

```
  },
```
```
  {
```
```
    name: 'clipRule',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('clip-rule'),

```
  },
```
```
  {
```
```
    name: 'color',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```
```
    read: getSVGAttribute('color'),
```
```
  },
```
```
  {
```
```
    name: 'color-interpolation',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```
```
    overrideStringValue: 'sRGB',
```

    read: getSVGAttribute('color-interpolation'),

```
  },
```
```
  {
```
```
    name: 'colorInterpolation',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```
```
    overrideStringValue: 'sRGB',
```

    read: getSVGAttribute('color-interpolation'),

```
  },
```
```
  {
```

    name: 'color-interpolation-filters',

```
    containerTagName: 'svg',
```
```
    tagName: 'feComposite',
```
```
    overrideStringValue: 'sRGB',
```

    read: getSVGAttribute('color-interpolation-filters'),

```
  },
```
```
  {
```
```
    name: 'colorInterpolationFilters',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feComposite',
```
```
    overrideStringValue: 'sRGB',
```

    read: getSVGAttribute('color-interpolation-filters'),

```
  },
```
```
  {
```
```
    name: 'color-profile',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'image',
```
```
    overrideStringValue: 'sRGB',
```

    read: getSVGAttribute('color-profile'),

```
  },
```
```
  {
```
```
    name: 'colorProfile',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'image',
```
```
    overrideStringValue: 'sRGB',
```

    read: getSVGAttribute('color-profile'),

```
  },
```
```
  {
```
```
    name: 'color-rendering',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```

    overrideStringValue: 'optimizeSpeed',

    read: getSVGAttribute('color-rendering'),

```
  },
```
```
  {
```
```
    name: 'colorRendering',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```

    overrideStringValue: 'optimizeSpeed',

    read: getSVGAttribute('color-rendering'),

```
  },
```
```
  {name: 'cols', tagName: 'textarea'},
```

  {name: 'colSpan', containerTagName: 'tr', tagName: 'td'},

  {name: 'content', containerTagName: 'head', tagName: 'meta'},

```
  {name: 'contentEditable'},
```
```
  {
```
```
    name: 'contentScriptType',
```
```
    tagName: 'svg',
```

    read: getSVGAttribute('contentScriptType'),

```
  },
```
```
  {
```
```
    name: 'contentStyleType',
```
```
    tagName: 'svg',
```

    read: getSVGAttribute('contentStyleType'),

```
  },
```

  {name: 'contextMenu', read: getAttribute('contextmenu')}, // TODO: Read the property by rendering a menu with the ID.

  {name: 'controls', tagName: 'video'},

```
  {name: 'coords', tagName: 'a'},
```

  {name: 'crossOrigin', tagName: 'script'},

  {name: 'cursor', tag: 'svg', read: getAttribute('cursor')},

```
  {
```
```
    name: 'cx',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'circle',
```
```
    overrideStringValue: '10px',
```
```
    read: getSVGProperty('cx'),
```
```
  },
```
```
  {
```
```
    name: 'cy',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'circle',
```
```
    overrideStringValue: '10%',
```
```
    read: getSVGProperty('cy'),
```
```
  },
```
```
  {
```
```
    name: 'd',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```
```
    read: getSVGAttribute('d'),
```
```
  },
```
```
  {
```
```
    name: 'dangerouslySetInnerHTML',
```

    read: getAttribute('dangerouslySetInnerHTML'),

```
  },
```
```
  {
```
```
    name: 'DangerouslySetInnerHTML',
```

    read: getAttribute('DangerouslySetInnerHTML'),

```
  },
```

  {name: 'data', read: getAttribute('data')},

  {name: 'data-', read: getAttribute('data-')},

  {name: 'data-unknownattribute', read: getAttribute('data-unknownattribute')},

  {name: 'datatype', read: getAttribute('datatype')},

```
  {
```
```
    name: 'dateTime',
```
```
    tagName: 'time',
```

    overrideStringValue: '2001-05-15T19:00',

```
    read: getAttribute('datetime'),
```
```
  },
```
```
  {
```
```
    name: 'decelerate',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```

    read: getSVGAttribute('decelerate'),

```
  },
```
```
  {name: 'default', tagName: 'track'},
```
```
  {
```
```
    name: 'defaultchecked',
```
```
    tagName: 'input',
```

    read: getAttribute('defaultchecked'),

```
  },
```

  {name: 'defaultChecked', tagName: 'input'},

  {name: 'defaultValue', tagName: 'input'},

  {name: 'defaultValuE', tagName: 'input', read: getAttribute('defaultValuE')},

```
  {name: 'defer', tagName: 'script'},
```
```
  {
```
```
    name: 'descent',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
    read: getSVGAttribute('descent'),
```
```
  },
```
```
  {
```
```
    name: 'diffuseConstant',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feDiffuseLighting',
```

    read: getSVGProperty('diffuseConstant'),

```
  },
```

  {name: 'dir', overrideStringValue: 'rtl'},

```
  {
```
```
    name: 'direction',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```
```
    overrideStringValue: 'rtl',
```

    read: getSVGAttribute('direction'),

```
  },
```

  {name: 'disabled', tagName: 'input'},

```
  {
```
```
    name: 'disablePictureInPicture',
```
```
    tagName: 'video',
```

    read: getProperty('disablepictureinpicture'),

```
  },
```
```
  {
```
```
    name: 'disableRemotePlayback',
```
```
    tagName: 'video',
```

    read: getProperty('disableremoteplayback'),

```
  },
```
```
  {
```
```
    name: 'display',
```
```
    tagName: 'svg',
```
```
    overrideStringValue: 'list-item',
```
```
    read: getAttribute('display'),
```
```
  },
```
```
  {
```
```
    name: 'divisor',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feConvolveMatrix',
```
```
    read: getSVGProperty('divisor'),
```
```
  },
```
```
  {
```
```
    name: 'dominant-baseline',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    read: getSVGAttribute('dominant-baseline'),

```
  },
```
```
  {
```
```
    name: 'dominantBaseline',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    read: getSVGAttribute('dominant-baseline'),

```
  },
```
```
  {name: 'download', tagName: 'a'},
```

  {name: 'dOwNlOaD', tagName: 'a', read: getAttribute('dOwNlOaD')},

```
  {name: 'draggable'},
```
```
  {
```
```
    name: 'dur',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```
```
    read: getSVGAttribute('dur'),
```
```
  },
```
```
  {
```
```
    name: 'dx',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    overrideStringValue: '1pt 2px 3em',

```
    read: getSVGProperty('dx'),
```
```
  },
```
```
  {
```
```
    name: 'dX',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    overrideStringValue: '1pt 2px 3em',

```
    read: getSVGProperty('dx'),
```
```
  },
```
```
  {
```
```
    name: 'dy',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```
```
    overrideStringValue: '1 2 3',
```
```
    read: getSVGProperty('dy'),
```
```
  },
```
```
  {
```
```
    name: 'dY',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```
```
    overrideStringValue: '1 2 3',
```
```
    read: getSVGProperty('dy'),
```
```
  },
```
```
  {
```
```
    name: 'edgeMode',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feConvolveMatrix',
```
```
    overrideStringValue: 'wrap',
```
```
    read: getSVGProperty('edgeMode'),
```
```
  },
```
```
  {
```
```
    name: 'elevation',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feDistantLight',
```
```
    read: getSVGProperty('elevation'),
```
```
  },
```
```
  {
```
```
    name: 'enable-background',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('enable-background'),

```
  },
```
```
  {
```
```
    name: 'enableBackground',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('enable-background'),

```
  },
```
```
  {
```
```
    name: 'encType',
```
```
    tagName: 'form',
```
```
    overrideStringValue: 'text/plain',
```
```
    read: getProperty('enctype'),
```
```
  },
```
```
  {
```
```
    name: 'end',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```
```
    read: getSVGAttribute('end'),
```
```
  },
```
```
  {
```
```
    name: 'enterKeyHint',
```
```
    tagName: 'input',
```
```
    read: getProperty('enterKeyHint'),
```
```
  },
```
```
  {
```
```
    name: 'exponent',
```
```
    read: getSVGProperty('exponent'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feFuncA',
```
```
  },
```
```
  {
```
```
    name: 'externalResourcesRequired',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('externalResourcesRequired'),

```
  },
```
```
  {
```
```
    name: 'fetchPriority',
```
```
    overrideStringValue: 'high',
```
```
    tagName: 'img',
```

    read: getProperty('fetchPriority'),

```
  },
```
```
  {
```
```
    name: 'fetchpriority',
```
```
    overrideStringValue: 'high',
```
```
    tagName: 'img',
```

    read: getProperty('fetchPriority'),

```
  },
```
```
  {
```
```
    name: 'fetchPriority',
```
```
    overrideStringValue: 'high',
```
```
    tagName: 'link',
```

    read: getProperty('fetchPriority'),

```
  },
```
```
  {
```
```
    name: 'fill',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```
```
    read: getSVGAttribute('fill'),
```
```
  },
```
```
  {
```
```
    name: 'fillOpacity',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'circle',
```

    read: getSVGAttribute('fill-opacity'),

```
  },
```
```
  {
```
```
    name: 'fill-opacity',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'circle',
```

    read: getSVGAttribute('fill-opacity'),

```
  },
```
```
  {
```
```
    name: 'fillRule',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'circle',
```

    read: getSVGAttribute('fill-rule'),

```
  },
```
```
  {
```
```
    name: 'fill-rule',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'circle',
```

    read: getSVGAttribute('fill-rule'),

```
  },
```
```
  {
```
```
    name: 'filter',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'g',
```
```
    read: getSVGAttribute('filter'),
```
```
  },
```
```
  {
```
```
    name: 'filterRes',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'filter',
```

    read: getSVGAttribute('filterRes'),

```
  },
```
```
  {
```
```
    name: 'filterUnits',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'filter',
```

    overrideStringValue: 'userSpaceOnUse',

    read: getSVGProperty('filterUnits'),

```
  },
```
```
  {
```
```
    name: 'flood-color',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feflood',
```

    overrideStringValue: 'currentColor',

    read: getSVGAttribute('flood-color'),

```
  },
```
```
  {
```
```
    name: 'floodColor',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feflood',
```

    overrideStringValue: 'currentColor',

    read: getSVGAttribute('flood-color'),

```
  },
```
```
  {
```
```
    name: 'flood-opacity',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feflood',
```
```
    overrideStringValue: 'inherit',
```

    read: getSVGAttribute('flood-opacity'),

```
  },
```
```
  {
```
```
    name: 'floodOpacity',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feflood',
```
```
    overrideStringValue: 'inherit',
```

    read: getSVGAttribute('flood-opacity'),

```
  },
```

  {name: 'focusable', tagName: 'p', read: getAttribute('focusable')},

```
  {
```
```
    name: 'font-family',
```

    read: getSVGAttribute('font-family'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'font-size',
```

    read: getSVGAttribute('font-size'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'font-size-adjust',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    read: getSVGAttribute('font-size-adjust'),

```
  },
```
```
  {
```
```
    name: 'font-stretch',
```

    read: getSVGAttribute('font-stretch'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'font-style',
```

    read: getSVGAttribute('font-style'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'font-variant',
```

    read: getSVGAttribute('font-variant'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'font-weight',
```

    read: getSVGAttribute('font-weight'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'fontFamily',
```

    read: getSVGAttribute('font-family'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'fontSize',
```

    read: getSVGAttribute('font-size'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'fontSizeAdjust',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    read: getSVGAttribute('font-size-adjust'),

```
  },
```
```
  {
```
```
    name: 'fontStretch',
```

    read: getSVGAttribute('font-stretch'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'fontStyle',
```

    read: getSVGAttribute('font-style'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'fontVariant',
```

    read: getSVGAttribute('font-variant'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'fontWeight',
```

    read: getSVGAttribute('font-weight'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```

  {name: 'for', tagName: 'label', read: getProperty('htmlFor')},

  {name: 'fOr', tagName: 'label', read: getProperty('htmlFor')},

  {name: 'form', read: getAttribute('form')}, // TODO: Read the property by rendering into a form with i

```
  {
```
```
    name: 'formAction',
```
```
    tagName: 'input',
```

    overrideStringValue: 'https://reactjs.com',

```
  },
```
```
  {
```
```
    name: 'format',
```
```
    read: getSVGAttribute('format'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'altGlyph',
```
```
  },
```

  {name: 'formEncType', tagName: 'input', read: getProperty('formEnctype')},

  {name: 'formMethod', tagName: 'input', overrideStringValue: 'POST'},

  {name: 'formNoValidate', tagName: 'input'},

  {name: 'formTarget', tagName: 'input'},

  {name: 'frameBorder', tagName: 'iframe'},

```
  {
```
```
    name: 'from',
```
```
    read: getSVGAttribute('from'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```
```
  },
```
```
  {
```
```
    name: 'fx',
```
```
    read: getSVGProperty('fx'),
```
```
    containerTagName: 'svg',
```
```
    overrideStringValue: '10px',
```
```
    tagName: 'radialGradient',
```
```
  },
```
```
  {
```
```
    name: 'fX',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'radialGradient',
```
```
    overrideStringValue: '10px',
```
```
    read: getSVGProperty('fx'),
```
```
  },
```
```
  {
```
```
    name: 'fY',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'radialGradient',
```
```
    overrideStringValue: '20em',
```
```
    read: getSVGProperty('fy'),
```
```
  },
```
```
  {
```
```
    name: 'fy',
```
```
    read: getSVGProperty('fy'),
```
```
    containerTagName: 'svg',
```
```
    overrideStringValue: '20em',
```
```
    tagName: 'radialGradient',
```
```
  },
```
```
  {
```
```
    name: 'G1',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'hkern',
```
```
    read: getSVGAttribute('g1'),
```
```
  },
```
```
  {
```
```
    name: 'g1',
```
```
    read: getSVGAttribute('g1'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'hkern',
```
```
  },
```
```
  {
```
```
    name: 'G2',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'hkern',
```
```
    read: getSVGAttribute('g2'),
```
```
  },
```
```
  {
```
```
    name: 'g2',
```
```
    read: getSVGAttribute('g2'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'hkern',
```
```
  },
```
```
  {
```
```
    name: 'glyph-name',
```

    read: getSVGAttribute('glyph-name'),

```
    containerTagName: 'svg',
```
```
    tagName: 'glyph',
```
```
  },
```
```
  {
```

    name: 'glyph-orientation-horizontal',

```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    read: getSVGAttribute('glyph-orientation-horizontal'),

```
  },
```
```
  {
```

    name: 'glyph-orientation-vertical',

```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    read: getSVGAttribute('glyph-orientation-vertical'),

```
  },
```
```
  {
```
```
    name: 'glyphName',
```

    read: getSVGAttribute('glyph-name'),

```
    containerTagName: 'svg',
```
```
    tagName: 'glyph',
```
```
  },
```
```
  {
```

    name: 'glyphOrientationHorizontal',

```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    read: getSVGAttribute('glyph-orientation-horizontal'),

```
  },
```
```
  {
```
```
    name: 'glyphOrientationVertical',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    read: getSVGAttribute('glyph-orientation-vertical'),

```
  },
```
```
  {
```
```
    name: 'glyphRef',
```

    read: getSVGAttribute('glyph-ref'),

```
    containerTagName: 'svg',
```
```
    tagName: 'altGlyph',
```
```
  },
```
```
  {
```
```
    name: 'gradientTransform',
```

    read: getSVGProperty('gradientTransform'),

```
    containerTagName: 'svg',
```
```
    overrideStringValue:
```

      'translate(-10,-20) scale(2) rotate(45) translate(5,10)',

```
    tagName: 'linearGradient',
```
```
  },
```
```
  {
```
```
    name: 'gradientUnits',
```

    read: getSVGProperty('gradientUnits'),

```
    containerTagName: 'svg',
```

    overrideStringValue: 'userSpaceOnUse',

```
    tagName: 'linearGradient',
```
```
  },
```
```
  {
```
```
    name: 'hanging',
```
```
    read: getSVGAttribute('hanging'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```

  // Disabled because it crashes other tests with React 15.

  // TODO: re-enable when we no longer compare to 15.

  // {name: 'hasOwnProperty', read: getAttribute('hasOwnProperty')},

  {name: 'headers', containerTagName: 'tr', tagName: 'td'},

```
  {name: 'height', tagName: 'img'},
```
```
  {
```
```
    name: 'height',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'rect',
```
```
    read: getSVGProperty('height'),
```
```
    overrideStringValue: '100%',
```
```
  },
```
```
  {name: 'hidden'},
```
```
  {name: 'high', tagName: 'meter'},
```
```
  {
```
```
    name: 'horiz-adv-x',
```

    read: getSVGAttribute('horiz-adv-x'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font',
```
```
  },
```
```
  {
```
```
    name: 'horiz-origin-x',
```

    read: getSVGAttribute('horiz-origin-x'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font',
```
```
  },
```
```
  {
```
```
    name: 'horizAdvX',
```

    read: getSVGAttribute('horiz-adv-x'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font',
```
```
  },
```
```
  {
```
```
    name: 'horizOriginX',
```

    read: getSVGAttribute('horiz-origin-x'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font',
```
```
  },
```

  {name: 'href', tagName: 'a', overrideStringValue: 'https://reactjs.com'},

  {name: 'hrefLang', read: getAttribute('hreflang')},

```
  {name: 'htmlFor', tagName: 'label'},
```
```
  {
```
```
    name: 'http-equiv',
```
```
    containerTagName: 'head',
```
```
    tagName: 'meta',
```
```
    read: getProperty('httpEquiv'),
```
```
  },
```

  {name: 'httpEquiv', containerTagName: 'head', tagName: 'meta'},

  {name: 'icon', tagName: 'command', read: getAttribute('icon')},

```
  {name: 'id'},
```

  {name: 'ID', read: getProperty('id')},

```
  {
```
```
    name: 'ideographic',
```

    read: getSVGAttribute('ideographic'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'image-rendering',
```
```
    tagName: 'svg',
```

    read: getSVGAttribute('image-rendering'),

```
  },
```
```
  {
```
```
    name: 'imageRendering',
```
```
    tagName: 'svg',
```

    read: getSVGAttribute('image-rendering'),

```
  },
```

  {name: 'imageSizes', tagName: 'link', read: getProperty('imageSizes')},

  {name: 'imageSrcSet', tagName: 'link', read: getProperty('imageSrcset')},

```
  {
```
```
    name: 'in',
```
```
    read: getSVGAttribute('in'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feBlend',
```
```
  },
```
```
  {
```
```
    name: 'in2',
```
```
    read: getSVGProperty('in2'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feBlend',
```
```
  },
```

  {name: 'initialChecked', read: getAttribute('initialchecked')},

  {name: 'initialValue', read: getAttribute('initialvalue')},

  {name: 'inlist', read: getAttribute('inlist')},

  {name: 'inputMode', tagName: 'input', read: getAttribute('inputmode')}, // TODO: Should use property but it's not implemented in Chrome

  {name: 'integrity', tagName: 'script'},

```
  {
```
```
    name: 'intercept',
```
```
    read: getSVGProperty('intercept'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feFuncA',
```
```
  },
```
```
  {
```
```
    name: 'is',
```
```
    tagName: 'button',
```

    overrideStringValue: 'x-test-element',

    read: getAttribute('is'), // TODO: This could check if this is an extended custom element but this is a controversial spec.

```
  },
```

  {name: 'itemID', read: getAttribute('itemid')},

  {name: 'itemProp', read: getAttribute('itemprop')},

  {name: 'itemRef', read: getAttribute('itemref')},

  {name: 'itemScope', read: getAttribute('itemscope')},

  {name: 'itemType', read: getAttribute('itemtype')},

```
  {
```
```
    name: 'k',
```
```
    read: getSVGAttribute('k'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'hkern',
```
```
  },
```
```
  {
```
```
    name: 'K',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'hkern',
```
```
    read: getSVGAttribute('k'),
```
```
  },
```
```
  {
```
```
    name: 'K1',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feComposite',
```
```
    read: getSVGProperty('k1'),
```
```
  },
```
```
  {
```
```
    name: 'k1',
```
```
    read: getSVGProperty('k1'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feComposite',
```
```
  },
```
```
  {
```
```
    name: 'k2',
```
```
    read: getSVGProperty('k2'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feComposite',
```
```
  },
```
```
  {
```
```
    name: 'k3',
```
```
    read: getSVGProperty('k3'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feComposite',
```
```
  },
```
```
  {
```
```
    name: 'k4',
```
```
    read: getSVGProperty('k4'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feComposite',
```
```
  },
```
```
  {
```
```
    name: 'kernelMatrix',
```

    read: getSVGProperty('kernelMatrix'),

```
    containerTagName: 'svg',
```
```
    tagName: 'feConvolveMatrix',
```
```
    overrideStringValue: '1 2 3,4',
```
```
  },
```
```
  {
```
```
    name: 'kernelUnitLength',
```

    read: getSVGAttribute('kernelUnitLength'),

```
    containerTagName: 'svg',
```
```
    tagName: 'feConvolveMatrix',
```
```
  },
```
```
  {
```
```
    name: 'kerning',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```
```
    read: getSVGAttribute('kerning'),
```
```
  },
```

  {name: 'keyParams', read: getAttribute('keyParams')},

```
  {
```
```
    name: 'keyPoints',
```

    read: getSVGAttribute('keyPoints'),

```
    containerTagName: 'svg',
```
```
    tagName: 'animateMotion',
```
```
  },
```
```
  {
```
```
    name: 'keySplines',
```

    read: getSVGAttribute('keySplines'),

```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```
```
  },
```
```
  {
```
```
    name: 'keyTimes',
```
```
    read: getSVGAttribute('keyTimes'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```
```
  },
```

  {name: 'keyType', read: getAttribute('keyType')},

  {name: 'kind', tagName: 'track', overrideStringValue: 'captions'},

```
  {name: 'label', tagName: 'track'},
```

  {name: 'LANG', read: getProperty('lang')},

```
  {name: 'lang'},
```

  {name: 'lang', containerTagName: 'document', tagName: 'html'},

  {name: 'length', read: getAttribute('length')},

```
  {
```
```
    name: 'lengthAdjust',
```

    read: getSVGProperty('lengthAdjust'),

```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    overrideStringValue: 'spacingAndGlyphs',

```
  },
```
```
  {
```
```
    name: 'letter-spacing',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    read: getSVGAttribute('letter-spacing'),

```
  },
```
```
  {
```
```
    name: 'letterSpacing',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    read: getSVGAttribute('letter-spacing'),

```
  },
```
```
  {
```
```
    name: 'lighting-color',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feDiffuseLighting',
```

    read: getSVGAttribute('lighting-color'),

```
  },
```
```
  {
```
```
    name: 'lightingColor',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feDiffuseLighting',
```

    read: getSVGAttribute('lighting-color'),

```
  },
```
```
  {
```
```
    name: 'limitingConeAngle',
```

    read: getSVGProperty('limitingConeAngle'),

```
    containerTagName: 'svg',
```
```
    tagName: 'feSpotLight',
```
```
  },
```

  {name: 'list', read: getAttribute('list')}, // TODO: This should match the ID of a datalist element and then read property.

```
  {
```
```
    name: 'local',
```
```
    read: getSVGAttribute('local'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'color-profile',
```
```
  },
```
```
  {name: 'loop', tagName: 'audio'},
```
```
  {name: 'low', tagName: 'meter'},
```

  {name: 'manifest', read: getAttribute('manifest')},

  {name: 'marginHeight', containerTagName: 'frameset', tagName: 'frame'},

  {name: 'marginWidth', containerTagName: 'frameset', tagName: 'frame'},

```
  {
```
```
    name: 'marker-end',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'line',
```

    read: getSVGAttribute('marker-end'),

```
  },
```
```
  {
```
```
    name: 'marker-mid',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'line',
```

    read: getSVGAttribute('marker-mid'),

```
  },
```
```
  {
```
```
    name: 'marker-start',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'line',
```

    read: getSVGAttribute('marker-start'),

```
  },
```
```
  {
```
```
    name: 'markerEnd',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'line',
```

    read: getSVGAttribute('marker-end'),

```
  },
```
```
  {
```
```
    name: 'markerHeight',
```

    read: getSVGProperty('markerHeight'),

```
    containerTagName: 'svg',
```
```
    tagName: 'marker',
```
```
  },
```
```
  {
```
```
    name: 'markerMid',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'line',
```

    read: getSVGAttribute('marker-mid'),

```
  },
```
```
  {
```
```
    name: 'markerStart',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'line',
```

    read: getSVGAttribute('marker-start'),

```
  },
```
```
  {
```
```
    name: 'markerUnits',
```

    read: getSVGProperty('markerUnits'),

```
    containerTagName: 'svg',
```
```
    tagName: 'marker',
```
```
  },
```
```
  {
```
```
    name: 'markerWidth',
```

    read: getSVGProperty('markerWidth'),

```
    containerTagName: 'svg',
```
```
    tagName: 'marker',
```
```
  },
```
```
  {
```
```
    name: 'mask',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```
```
    read: getSVGAttribute('mask'),
```
```
  },
```
```
  {
```
```
    name: 'maskContentUnits',
```

    read: getSVGProperty('maskContentUnits'),

```
    containerTagName: 'svg',
```
```
    tagName: 'mask',
```

    overrideStringValue: 'objectBoundingBox',

```
  },
```
```
  {
```
```
    name: 'maskUnits',
```
```
    read: getSVGProperty('maskUnits'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'mask',
```

    overrideStringValue: 'userSpaceOnUse',

```
  },
```
```
  {
```
```
    name: 'mathematical',
```

    read: getSVGAttribute('mathematical'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {name: 'max', tagName: 'input'},
```
```
  {name: 'max', tagName: 'meter'},
```
```
  {name: 'max', tagName: 'progress'},
```
```
  {
```
```
    name: 'max',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```
```
    read: getSVGAttribute('max'),
```
```
  },
```

  {name: 'maxLength', tagName: 'textarea'},

```
  {name: 'media', tagName: 'link'},
```
```
  {
```
```
    name: 'media',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'style',
```
```
    read: getSVGProperty('media'),
```
```
  },
```

  {name: 'mediaGroup', tagName: 'video', read: getAttribute('mediagroup')}, // TODO: Not yet implemented in Chrome.

  {name: 'method', tagName: 'form', overrideStringValue: 'POST'},

```
  {
```
```
    name: 'method',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'textPath',
```
```
    read: getSVGProperty('method'),
```
```
    overrideStringValue: 'stretch',
```
```
  },
```
```
  {name: 'min', tagName: 'input'},
```
```
  {name: 'min', tagName: 'meter'},
```
```
  {
```
```
    name: 'min',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```
```
    read: getSVGAttribute('min'),
```
```
  },
```

  {name: 'minLength', tagName: 'input'},

```
  {
```
```
    name: 'mode',
```
```
    read: getSVGProperty('mode'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feBlend',
```
```
    overrideStringValue: 'multiply',
```
```
  },
```

  {name: 'multiple', tagName: 'select'},

```
  {name: 'muted', tagName: 'video'},
```
```
  {name: 'name', tagName: 'input'},
```
```
  {
```
```
    name: 'name',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'color-profile',
```

    read: getSVGAttribute('color-profile'),

```
  },
```

  {name: 'noModule', tagName: 'script'},

  {name: 'nonce', read: getAttribute('nonce')},

  {name: 'noValidate', tagName: 'form'},

```
  {
```
```
    name: 'numOctaves',
```

    read: getSVGProperty('numOctaves'),

```
    containerTagName: 'svg',
```
```
    tagName: 'feTurbulence',
```
```
  },
```
```
  {
```
```
    name: 'offset',
```
```
    read: getSVGProperty('offset'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'stop',
```
```
  },
```

  {name: 'on-click'}, // TODO: Check for event subscriptions

  {name: 'on-unknownevent'}, // TODO: Check for event subscriptions

  {name: 'onclick'}, // TODO: Check for event subscriptions

  {name: 'onClick'}, // TODO: Check for event subscriptions

  {name: 'onunknownevent'}, // TODO: Check for event subscriptions

  {name: 'onUnknownEvent'}, // TODO: Check for event subscriptions

```
  {
```
```
    name: 'opacity',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```
```
    read: getSVGAttribute('opacity'),
```
```
  },
```
```
  {name: 'open', tagName: 'details'},
```
```
  {
```
```
    name: 'operator',
```
```
    read: getSVGProperty('operator'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feComposite',
```
```
    overrideStringValue: 'xor',
```
```
  },
```
```
  {name: 'optimum', tagName: 'meter'},
```
```
  {
```
```
    name: 'order',
```
```
    read: getSVGAttribute('order'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feConvolveMatrix',
```
```
  },
```
```
  {
```
```
    name: 'orient',
```
```
    read: getSVGAttribute('orient'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'marker',
```
```
  },
```
```
  {
```
```
    name: 'orientation',
```

    read: getSVGAttribute('orientation'),

```
    containerTagName: 'svg',
```
```
    tagName: 'glyph',
```
```
  },
```
```
  {
```
```
    name: 'origin',
```
```
    read: getSVGAttribute('origin'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animateMotion',
```
```
  },
```
```
  {
```
```
    name: 'overflow',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```
```
    read: getSVGAttribute('overflow'),
```
```
  },
```
```
  {
```
```
    name: 'overline-position',
```

    read: getSVGAttribute('overline-position'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'overline-thickness',
```

    read: getSVGAttribute('overline-thickness'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'overlinePosition',
```

    read: getSVGAttribute('overline-position'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'overlineThickness',
```

    read: getSVGAttribute('overline-thickness'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'paint-order',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('paint-order'),

```
  },
```
```
  {
```
```
    name: 'paintOrder',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('paint-order'),

```
  },
```
```
  {
```
```
    name: 'panose-1',
```
```
    read: getSVGAttribute('panose-1'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'panose1',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
    read: getSVGAttribute('panose-1'),
```
```
  },
```
```
  {
```
```
    name: 'pathLength',
```

    read: getSVGProperty('pathLength'),

```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```
```
  },
```
```
  {name: 'pattern', tagName: 'input'},
```
```
  {
```
```
    name: 'patternContentUnits',
```

    read: getSVGProperty('patternContentUnits'),

```
    containerTagName: 'svg',
```
```
    tagName: 'pattern',
```

    overrideStringValue: 'objectBoundingBox',

```
  },
```
```
  {
```
```
    name: 'patternTransform',
```

    read: getSVGProperty('patternTransform'),

```
    containerTagName: 'svg',
```
```
    tagName: 'pattern',
```
```
    overrideStringValue:
```

      'translate(-10,-20) scale(2) rotate(45) translate(5,10)',

```
  },
```
```
  {
```
```
    name: 'patternUnits',
```

    read: getSVGProperty('patternUnits'),

```
    containerTagName: 'svg',
```
```
    tagName: 'pattern',
```

    overrideStringValue: 'userSpaceOnUse',

```
  },
```

  {name: 'placeholder', tagName: 'input'},

  {name: 'playsInline', read: getAttribute('playsinline')},

```
  {
```
```
    name: 'pointer-events',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('pointer-events'),

```
  },
```
```
  {
```
```
    name: 'pointerEvents',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('pointer-events'),

```
  },
```
```
  {
```
```
    name: 'points',
```
```
    read: getSVGProperty('points'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'polygon',
```

    overrideStringValue: '350,75  379,161 469,161',

```
  },
```
```
  {
```
```
    name: 'pointsAtX',
```
```
    read: getSVGProperty('pointsAtX'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feSpotLight',
```
```
  },
```
```
  {
```
```
    name: 'pointsAtY',
```
```
    read: getSVGProperty('pointsAtY'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feSpotLight',
```
```
  },
```
```
  {
```
```
    name: 'pointsAtZ',
```
```
    read: getSVGProperty('pointsAtZ'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feSpotLight',
```
```
  },
```
```
  {
```
```
    name: 'poster',
```
```
    tagName: 'video',
```

    overrideStringValue: 'https://reactjs.com',

```
  },
```

  {name: 'prefix', read: getAttribute('prefix')},

  {name: 'preload', tagName: 'video', overrideStringValue: 'none'},

```
  {
```
```
    name: 'preserveAlpha',
```

    read: getSVGProperty('preserveAlpha'),

```
    containerTagName: 'svg',
```
```
    tagName: 'feConvolveMatrix',
```
```
  },
```
```
  {
```
```
    name: 'preserveAspectRatio',
```

    read: getSVGProperty('preserveAspectRatio'),

```
    containerTagName: 'svg',
```
```
    tagName: 'feImage',
```

    overrideStringValue: 'xMinYMin slice',

```
  },
```
```
  {
```
```
    name: 'primitiveUnits',
```

    read: getSVGProperty('primitiveUnits'),

```
    containerTagName: 'svg',
```
```
    tagName: 'filter',
```

    overrideStringValue: 'objectBoundingBox',

```
  },
```

  {name: 'profile', read: getAttribute('profile')},

  {name: 'property', read: getAttribute('property')},

  {name: 'props', read: getAttribute('props')},

```
  {
```
```
    name: 'r',
```
```
    read: getSVGProperty('r'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'circle',
```
```
    overrideStringValue: '10pt',
```
```
  },
```

  {name: 'radioGroup', tagName: 'command', read: getAttribute('radiogroup')},

```
  {
```
```
    name: 'radius',
```
```
    read: getSVGAttribute('radius'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feMorphology',
```
```
  },
```

  {name: 'readOnly', tagName: 'input'},

  {name: 'referrerPolicy', tagName: 'iframe'},

```
  {
```
```
    name: 'refX',
```
```
    read: getSVGProperty('refX'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'marker',
```
```
    overrideStringValue: '5em',
```
```
  },
```
```
  {
```
```
    name: 'refY',
```
```
    read: getSVGProperty('refY'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'marker',
```
```
    overrideStringValue: '6em',
```
```
  },
```
```
  {name: 'rel', tagName: 'a'},
```
```
  {
```
```
    name: 'rendering-intent',
```

    read: getSVGAttribute('rendering-intent'),

```
    containerTagName: 'svg',
```
```
    tagName: 'color-profile',
```
```
  },
```
```
  {
```
```
    name: 'renderingIntent',
```

    read: getSVGAttribute('rendering-intent'),

```
    containerTagName: 'svg',
```
```
    tagName: 'color-profile',
```
```
  },
```
```
  {
```
```
    name: 'repeatCount',
```

    read: getSVGAttribute('repeatcount'),

```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```
```
  },
```
```
  {
```
```
    name: 'repeatDur',
```

    read: getSVGAttribute('repeatdur'),

```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```
```
  },
```

  {name: 'required', tagName: 'input'},

```
  {
```
```
    name: 'requiredExtensions',
```

    read: getSVGProperty('requiredExtensions'),

```
    containerTagName: 'svg',
```
```
    tagName: 'a',
```
```
  },
```
```
  {
```
```
    name: 'requiredFeatures',
```

    read: getSVGAttribute('requiredFeatures'),

```
    containerTagName: 'svg',
```
```
    tagName: 'a',
```
```
  },
```

  {name: 'resource', read: getAttribute('resource')},

```
  {
```
```
    name: 'restart',
```
```
    read: getSVGAttribute('resource'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'animate',
```
```
  },
```
```
  {
```
```
    name: 'result',
```
```
    read: getSVGProperty('result'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feBlend',
```
```
  },
```

  {name: 'results', tagName: 'input', read: getAttribute('results')}, // TODO: Should use property but it's not supported in Chrome.

```
  {name: 'reversed', tagName: 'ol'},
```

  {name: 'role', read: getAttribute('role')},

```
  {
```
```
    name: 'rotate',
```
```
    read: getSVGAttribute('role'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'altGlyph',
```
```
  },
```
```
  {name: 'rows', tagName: 'textarea'},
```

  {name: 'rowSpan', containerTagName: 'tr', tagName: 'td'},

```
  {
```
```
    name: 'rx',
```
```
    read: getSVGProperty('rx'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'ellipse',
```
```
    overrideStringValue: '1px',
```
```
  },
```
```
  {
```
```
    name: 'ry',
```
```
    read: getSVGProperty('ry'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'ellipse',
```
```
    overrideStringValue: '2px',
```
```
  },
```
```
  {
```
```
    name: 'sandbox',
```
```
    tagName: 'iframe',
```

    overrideStringValue: 'allow-forms  allow-scripts',

```
  },
```
```
  {
```
```
    name: 'scale',
```
```
    read: getSVGProperty('scale'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feDisplacementMap',
```
```
  },
```
```
  {
```
```
    name: 'scope',
```
```
    containerTagName: 'tr',
```
```
    tagName: 'th',
```
```
    overrideStringValue: 'row',
```
```
  },
```

  {name: 'scoped', tagName: 'style', read: getAttribute('scoped')},

  {name: 'scrolling', tagName: 'iframe', overrideStringValue: 'no'},

  {name: 'seamless', tagName: 'iframe', read: getAttribute('seamless')},

  {name: 'security', tagName: 'iframe', read: getAttribute('security')},

```
  {
```
```
    name: 'seed',
```
```
    read: getSVGProperty('seed'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feTurbulence',
```
```
  },
```

  {name: 'selected', tagName: 'option', containerTagName: 'select'},

  {name: 'selectedIndex', tagName: 'select'},

```
  {name: 'shape', tagName: 'a'},
```
```
  {
```
```
    name: 'shape-rendering',
```
```
    tagName: 'svg',
```

    read: getSVGAttribute('shape-rendering'),

```
  },
```
```
  {
```
```
    name: 'shapeRendering',
```
```
    tagName: 'svg',
```

    read: getSVGAttribute('shape-rendering'),

```
  },
```
```
  {name: 'size', tagName: 'input'},
```
```
  {name: 'sizes', tagName: 'link'},
```
```
  {
```
```
    name: 'slope',
```
```
    read: getSVGAttribute('slope'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'spacing',
```
```
    read: getSVGProperty('spacing'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'textPath',
```
```
    overrideStringValue: 'auto',
```
```
  },
```

  {name: 'span', containerTagName: 'colgroup', tagName: 'col'},

```
  {
```
```
    name: 'specularConstant',
```

    read: getSVGProperty('specularConstant'),

```
    containerTagName: 'svg',
```
```
    tagName: 'feSpecularLighting',
```
```
  },
```
```
  {
```
```
    name: 'specularExponent',
```

    read: getSVGProperty('specularConstant'),

```
    containerTagName: 'svg',
```
```
    tagName: 'feSpecularLighting',
```
```
  },
```

  {name: 'speed', read: getAttribute('speed')},

```
  {
```
```
    name: 'spellCheck',
```
```
    overrideStringValue: 'false',
```
```
    tagName: 'input',
```
```
    read: getProperty('spellcheck'),
```
```
  },
```
```
  {
```
```
    name: 'spellcheck',
```
```
    overrideStringValue: 'false',
```
```
    tagName: 'input',
```
```
    read: getProperty('spellcheck'),
```
```
  },
```
```
  {
```
```
    name: 'spreadMethod',
```

    read: getSVGProperty('spreadMethod'),

```
    containerTagName: 'svg',
```
```
    tagName: 'linearGradient',
```
```
    overrideStringValue: 'reflect',
```
```
  },
```

  {name: 'src', tagName: 'img', overrideStringValue: 'https://reactjs.com'},

```
  {
```
```
    name: 'srcDoc',
```
```
    tagName: 'iframe',
```
```
    overrideStringValue: '<p>Hi</p>',
```
```
    read: getProperty('srcdoc'),
```
```
  },
```
```
  {
```
```
    name: 'srcdoc',
```
```
    tagName: 'iframe',
```
```
    overrideStringValue: '<p>Hi</p>',
```
```
    read: getProperty('srcdoc'),
```
```
  },
```
```
  {
```
```
    name: 'srcLang',
```
```
    containerTagName: 'audio',
```
```
    tagName: 'track',
```
```
    overrideStringValue: 'en',
```
```
    read: getProperty('srclang'),
```
```
  },
```
```
  {
```
```
    name: 'srclang',
```
```
    containerTagName: 'audio',
```
```
    tagName: 'track',
```
```
    overrideStringValue: 'en',
```
```
    read: getProperty('srclang'),
```
```
  },
```
```
  {name: 'srcSet', tagName: 'img'},
```
```
  {name: 'srcset', tagName: 'img'},
```
```
  {name: 'start', tagName: 'ol'},
```
```
  {
```
```
    name: 'startOffset',
```

    read: getSVGProperty('startOffset'),

```
    containerTagName: 'svg',
```
```
    tagName: 'textPath',
```
```
  },
```

  {name: 'state', read: getAttribute('state')},

```
  {
```
```
    name: 'stdDeviation',
```

    read: getSVGAttribute('stdDeviation'),

```
    containerTagName: 'svg',
```
```
    tagName: 'feGaussianBlur',
```
```
  },
```
```
  {
```
```
    name: 'stemh',
```
```
    read: getSVGAttribute('stemh'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'stemv',
```
```
    read: getSVGAttribute('stemv'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```

  {name: 'step', read: getAttribute('step')},

```
  {
```
```
    name: 'stitchTiles',
```

    read: getSVGProperty('stitchTiles'),

```
    containerTagName: 'svg',
```
```
    tagName: 'feTurbulence',
```
```
    overrideStringValue: 'stitch',
```
```
  },
```
```
  {
```
```
    name: 'stop-color',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'stop',
```

    read: getSVGAttribute('stop-color'),

```
  },
```
```
  {
```
```
    name: 'stop-opacity',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'stop',
```

    read: getSVGAttribute('stop-opacity'),

```
  },
```
```
  {
```
```
    name: 'stopColor',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'stop',
```

    read: getSVGAttribute('stop-color'),

```
  },
```
```
  {
```
```
    name: 'stopOpacity',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'stop',
```

    read: getSVGAttribute('stop-opacity'),

```
  },
```
```
  {
```
```
    name: 'strikethrough-position',
```

    read: getSVGAttribute('strikethrough-position'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'strikethrough-thickness',
```

    read: getSVGAttribute('strikethrough-thickness'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'strikethroughPosition',
```

    read: getSVGAttribute('strikethrough-position'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'strikethroughThickness',
```

    read: getSVGAttribute('strikethrough-thickness'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'string',
```
```
    read: getSVGAttribute('string'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'font-face-format',
```
```
  },
```
```
  {
```
```
    name: 'stroke',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```
```
    read: getSVGAttribute('stroke'),
```
```
  },
```
```
  {
```
```
    name: 'stroke-dasharray',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('stroke-dasharray'),

```
  },
```
```
  {
```
```
    name: 'stroke-Dasharray',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('stroke-dasharray'),

```
  },
```
```
  {
```
```
    name: 'stroke-dashoffset',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('stroke-dashoffset'),

```
  },
```
```
  {
```
```
    name: 'stroke-linecap',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('stroke-linecap'),

```
  },
```
```
  {
```
```
    name: 'stroke-linejoin',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('stroke-linejoin'),

```
  },
```
```
  {
```
```
    name: 'stroke-miterlimit',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('stroke-miterlimit'),

```
  },
```
```
  {
```
```
    name: 'stroke-opacity',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('stroke-opacity'),

```
  },
```
```
  {
```
```
    name: 'stroke-width',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('stroke-width'),

```
  },
```
```
  {
```
```
    name: 'strokeDasharray',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('stroke-dasharray'),

```
  },
```
```
  {
```
```
    name: 'strokeDashoffset',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('stroke-dashoffset'),

```
  },
```
```
  {
```
```
    name: 'strokeLinecap',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('stroke-linecap'),

```
  },
```
```
  {
```
```
    name: 'strokeLinejoin',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('stroke-linejoin'),

```
  },
```
```
  {
```
```
    name: 'strokeMiterlimit',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('stroke-miterlimit'),

```
  },
```
```
  {
```
```
    name: 'strokeOpacity',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('stroke-opacity'),

```
  },
```
```
  {
```
```
    name: 'strokeWidth',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('stroke-width'),

```
  },
```
```
  {name: 'style'},
```
```
  {name: 'summary', tagName: 'table'},
```
```
  {
```

    name: 'suppressContentEditableWarning',

    read: getAttribute('suppresscontenteditablewarning'),

```
  },
```
```
  {
```
```
    name: 'surfaceScale',
```

    read: getSVGProperty('surfaceScale'),

```
    containerTagName: 'svg',
```
```
    tagName: 'feDiffuseLighting',
```
```
  },
```
```
  {
```
```
    name: 'systemLanguage',
```
```
    overrideStringValue: 'en',
```

    read: getSVGProperty('systemLanguage'),

```
    containerTagName: 'svg',
```
```
    tagName: 'a',
```
```
  },
```
```
  {name: 'tabIndex'},
```
```
  {
```
```
    name: 'tabIndex',
```
```
    read: getSVGProperty('tabIndex'),
```
```
    tagName: 'svg',
```
```
  },
```
```
  {
```
```
    name: 'tableValues',
```

    read: getSVGProperty('tableValues'),

```
    containerTagName: 'svg',
```
```
    tagName: 'feFuncA',
```
```
    overrideStringValue: '0 1 2 3',
```
```
  },
```
```
  {
```
```
    name: 'target',
```
```
    read: getSVGProperty('target'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'a',
```
```
  },
```
```
  {
```
```
    name: 'targetX',
```
```
    read: getSVGProperty('targetX'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feConvolveMatrix',
```
```
  },
```
```
  {
```
```
    name: 'targetY',
```
```
    read: getSVGProperty('targetY'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feConvolveMatrix',
```
```
  },
```
```
  {
```
```
    name: 'text-anchor',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    read: getSVGAttribute('text-anchor'),

```
  },
```
```
  {
```
```
    name: 'text-decoration',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    read: getSVGAttribute('text-decoration'),

```
  },
```
```
  {
```
```
    name: 'text-rendering',
```
```
    tagName: 'svg',
```

    read: getSVGAttribute('text-rendering'),

```
  },
```
```
  {
```
```
    name: 'textAnchor',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    read: getSVGAttribute('text-anchor'),

```
  },
```
```
  {
```
```
    name: 'textDecoration',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    read: getSVGAttribute('text-decoration'),

```
  },
```
```
  {
```
```
    name: 'textLength',
```

    read: getSVGProperty('textLength'),

```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```
```
  },
```
```
  {
```
```
    name: 'textRendering',
```
```
    tagName: 'svg',
```

    read: getSVGAttribute('text-rendering'),

```
  },
```
```
  {name: 'title'},
```
```
  {
```
```
    name: 'to',
```
```
    read: getSVGAttribute('to'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'set',
```
```
  },
```
```
  {
```
```
    name: 'transform',
```
```
    read: getSVGProperty('transform'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'a',
```
```
    overrideStringValue:
```

      'translate(-10,-20) scale(2) rotate(45) translate(5,10)',

```
  },
```
```
  {
```
```
    name: 'transform-origin',
```
```
    tagName: 'svg',
```

    read: getSVGAttribute('transform-origin'),

```
  },
```
```
  {
```
```
    name: 'transformOrigin',
```
```
    tagName: 'svg',
```

    read: getSVGAttribute('transform-origin'),

```
  },
```

  {name: 'type', tagName: 'button', overrideStringValue: 'reset'},

```
  {
```
```
    name: 'type',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feFuncA',
```
```
    read: getSVGProperty('type'),
```
```
    overrideStringValue: 'discrete',
```
```
  },
```

  {name: 'typeof', read: getAttribute('typeof')},

```
  {
```
```
    name: 'u1',
```
```
    read: getSVGAttribute('u1'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'hkern',
```
```
  },
```
```
  {
```
```
    name: 'u2',
```
```
    read: getSVGAttribute('u2'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'hkern',
```
```
  },
```
```
  {
```
```
    name: 'underline-position',
```

    read: getSVGAttribute('underline-position'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'underline-thickness',
```

    read: getSVGAttribute('underline-thickness'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'underlinePosition',
```

    read: getSVGAttribute('underline-position'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'underlineThickness',
```

    read: getSVGAttribute('underline-thickness'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'unicode',
```
```
    read: getSVGAttribute('unicode'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'glyph',
```
```
  },
```
```
  {
```
```
    name: 'unicode-bidi',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    read: getSVGAttribute('unicode-bidi'),

```
  },
```
```
  {
```
```
    name: 'unicode-range',
```

    read: getSVGAttribute('unicode-range'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'unicodeBidi',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    read: getSVGAttribute('unicode-bidi'),

```
  },
```
```
  {
```
```
    name: 'unicodeRange',
```

    read: getSVGAttribute('unicode-range'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'units-per-em',
```

    read: getSVGAttribute('units-per-em'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'unitsPerEm',
```

    read: getSVGAttribute('unites-per-em'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```

  {name: 'unknown', read: getAttribute('unknown')},

```
  {
```
```
    name: 'unselectable',
```

    read: getAttribute('unselectable'),

```
    tagName: 'span',
```
```
    overrideStringValue: 'on',
```
```
  },
```
```
  {name: 'useMap', tagName: 'img'},
```
```
  {
```
```
    name: 'v-alphabetic',
```

    read: getSVGAttribute('v-alphabetic'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'v-hanging',
```

    read: getSVGAttribute('v-hanging'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'v-ideographic',
```

    read: getSVGAttribute('v-ideographic'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'v-mathematical',
```

    read: getSVGAttribute('v-mathematical'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'vAlphabetic',
```

    read: getSVGAttribute('v-alphabetic'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```

  {name: 'value', tagName: 'input', extraProps: {onChange() {}}},

  {name: 'value', tagName: 'input', type: 'email', extraProps: {onChange() {}}},

```
  {
```
```
    name: 'value',
```
```
    tagName: 'input',
```
```
    type: 'number',
```
```
    extraProps: {onChange() {}},
```
```
  },
```

  {name: 'value', tagName: 'textarea', extraProps: {onChange() {}}},

```
  {
```
```
    name: 'value',
```
```
    containerTagName: 'select',
```
```
    tagName: 'option',
```
```
    extraProps: {onChange() {}},
```
```
  },
```
```
  {
```
```
    name: 'Value',
```
```
    containerTagName: 'select',
```
```
    tagName: 'option',
```
```
    read: getProperty('value'),
```
```
  },
```
```
  {
```
```
    name: 'values',
```
```
    read: getSVGProperty('values'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'feColorMatrix',
```

    overrideStringValue: '1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0',

```
  },
```
```
  {
```
```
    name: 'vector-effect',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'line',
```

    read: getSVGAttribute('vector-effect'),

```
  },
```
```
  {
```
```
    name: 'vectorEffect',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'line',
```

    read: getSVGAttribute('vector-effect'),

```
  },
```

  {name: 'version', containerTagName: 'document', tagName: 'html'},

  {name: 'version', tagName: 'svg', read: getSVGAttribute('version')},

```
  {
```
```
    name: 'vert-adv-y',
```

    read: getSVGAttribute('vert-origin-y'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font',
```
```
  },
```
```
  {
```
```
    name: 'vert-origin-x',
```

    read: getSVGAttribute('vert-origin-y'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font',
```
```
  },
```
```
  {
```
```
    name: 'vert-origin-y',
```

    read: getSVGAttribute('vert-origin-y'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font',
```
```
  },
```
```
  {
```
```
    name: 'vertAdvY',
```

    read: getSVGAttribute('vert-adv-y'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font',
```
```
  },
```
```
  {
```
```
    name: 'vertOriginX',
```

    read: getSVGAttribute('vert-origin-x'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font',
```
```
  },
```
```
  {
```
```
    name: 'vertOriginY',
```

    read: getSVGAttribute('vert-origin-y'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font',
```
```
  },
```
```
  {
```
```
    name: 'vHanging',
```

    read: getSVGAttribute('v-hanging'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'vIdeographic',
```

    read: getSVGAttribute('v-ideographic'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'viewBox',
```
```
    read: getSVGProperty('viewBox'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'marker',
```

    overrideStringValue: '0 0 1500 1000',

```
  },
```
```
  {
```
```
    name: 'viewTarget',
```

    read: getSVGAttribute('viewTarget'),

```
    containerTagName: 'svg',
```
```
    tagName: 'view',
```
```
  },
```

  {name: 'visibility', read: getAttribute('visibility')},

```
  {
```
```
    name: 'visibility',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'path',
```

    read: getSVGAttribute('visibility'),

```
  },
```
```
  {
```
```
    name: 'vMathematical',
```

    read: getSVGAttribute('v-mathematical'),

```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```

  {name: 'vocab', read: getAttribute('vocab')},

```
  {name: 'width', tagName: 'img'},
```
```
  {
```
```
    name: 'width',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'rect',
```
```
    read: getSVGProperty('width'),
```
```
  },
```
```
  {
```
```
    name: 'widths',
```
```
    read: getSVGAttribute('widths'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```

  {name: 'wmode', read: getAttribute('wmode'), tagName: 'embed'},

```
  {
```
```
    name: 'word-spacing',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    read: getSVGAttribute('word-spacing'),

```
  },
```
```
  {
```
```
    name: 'wordSpacing',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    read: getSVGAttribute('word-spacing'),

```
  },
```
```
  {name: 'wrap', tagName: 'textarea'},
```
```
  {
```
```
    name: 'writing-mode',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    read: getSVGAttribute('writing-mode'),

```
  },
```
```
  {
```
```
    name: 'writingMode',
```
```
    containerTagName: 'svg',
```
```
    tagName: 'text',
```

    read: getSVGAttribute('writing-mode'),

```
  },
```
```
  {
```
```
    name: 'x',
```
```
    read: getSVGAttribute('x'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'altGlyph',
```
```
  },
```
```
  {
```
```
    name: 'x-height',
```
```
    read: getSVGAttribute('x-height'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```
```
  {
```
```
    name: 'x1',
```
```
    read: getSVGProperty('x1'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'line',
```
```
  },
```
```
  {
```
```
    name: 'x2',
```
```
    read: getSVGProperty('x2'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'line',
```
```
  },
```
```
  {
```
```
    name: 'xChannelSelector',
```

    read: getSVGProperty('xChannelSelector'),

```
    containerTagName: 'svg',
```
```
    tagName: 'feDisplacementMap',
```
```
    overrideStringValue: 'R',
```
```
  },
```
```
  {
```
```
    name: 'xHeight',
```
```
    read: getSVGAttribute('x-height'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'font-face',
```
```
  },
```

  {name: 'XLink:Actuate', read: getAttribute('XLink:Actuate')},

  {name: 'xlink:actuate', read: getAttribute('xlink:actuate')},

  {name: 'xlink:arcrole', read: getAttribute('xlink:arcrole')},

  {name: 'xlink:href', read: getAttribute('xlink:href')},

  {name: 'xlink:role', read: getAttribute('xlink:role')},

  {name: 'xlink:show', read: getAttribute('xlink:show')},

  {name: 'xlink:title', read: getAttribute('xlink:title')},

  {name: 'xlink:type', read: getAttribute('xlink:type')},

  {name: 'xlinkActuate', read: getAttribute('xlink:actuate')},

  {name: 'XlinkActuate', read: getAttribute('Xlink:actuate')},

  {name: 'xlinkArcrole', read: getAttribute('xlink:arcrole')},

  {name: 'xlinkHref', read: getAttribute('xlink:href')},

  {name: 'xlinkRole', read: getAttribute('xlink:role')},

  {name: 'xlinkShow', read: getAttribute('xlink:show')},

  {name: 'xlinkTitle', read: getAttribute('xlink:title')},

  {name: 'xlinkType', read: getAttribute('xlink:type')},

  {name: 'xml:base', read: getAttribute('xml:base')},

  {name: 'xml:lang', read: getAttribute('xml:lang')},

  {name: 'xml:space', read: getAttribute('xml:space')},

  {name: 'xmlBase', read: getAttribute('xml:base')},

  {name: 'xmlLang', read: getAttribute('xml:lang')},

  {name: 'xmlns', read: getProperty('namespaceURI'), tagName: 'svg'},

  {name: 'xmlns:xlink', read: getAttribute('xmlns:xlink')},

  {name: 'xmlnsXlink', read: getAttribute('xmlns:xlink')},

  {name: 'xmlSpace', read: getAttribute('xml:space')},

```
  {
```
```
    name: 'y',
```
```
    read: getSVGAttribute('y'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'altGlyph',
```
```
  },
```
```
  {
```
```
    name: 'y1',
```
```
    read: getSVGProperty('y1'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'line',
```
```
  },
```
```
  {
```
```
    name: 'y2',
```
```
    read: getSVGProperty('y2'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'line',
```
```
  },
```
```
  {
```
```
    name: 'yChannelSelector',
```

    read: getSVGProperty('yChannelSelector'),

```
    containerTagName: 'svg',
```
```
    tagName: 'feDisplacementMap',
```
```
    overrideStringValue: 'B',
```
```
  },
```
```
  {
```
```
    name: 'z',
```
```
    read: getSVGProperty('z'),
```
```
    containerTagName: 'svg',
```
```
    tagName: 'fePointLight',
```
```
  },
```

  {name: 'zoomAndPan', read: getSVGProperty('zoomAndPan'), tagName: 'svg'},

```
];
```
```
attributes.forEach(attr => {
```

  attr.read = attr.read || getProperty(attr.name);

```
});
```
```
export default attributes;
```