readme.md
1# property-information
2
3[![Build][build-badge]][build]
4[![Coverage][coverage-badge]][coverage]
5[![Downloads][downloads-badge]][downloads]
6[![Size][size-badge]][size]
7
8Info for properties and attributes on the web-platform (HTML, SVG, ARIA, XML,
9XMLNS, XLink).
10
11This package follows a sensible naming scheme as defined by [hast][].
12
13## Install
14
15[npm][]:
16
17```sh
18npm install property-information
19```
20
21## Contents
22
23* [Use](#use)
24* [API](#api)
25 * [`propertyInformation.find(schema, name)`](#propertyinformationfindschema-name)
26 * [`propertyInformation.normalize(name)`](#propertyinformationnormalizename)
27 * [`propertyInformation.html`](#propertyinformationhtml)
28 * [`propertyInformation.svg`](#propertyinformationsvg)
29 * [`hastToReact`](#hasttoreact)
30* [Support](#support)
31* [Related](#related)
32* [License](#license)
33
34## Use
35
36```js
37var info = require('property-information')
38
39console.log(info.find(info.html, 'className'))
40// Or: info.find(info.html, 'class')
41console.log(info.find(info.svg, 'horiz-adv-x'))
42// Or: info.find(info.svg, 'horizAdvX')
43console.log(info.find(info.svg, 'xlink:arcrole'))
44// Or: info.find(info.svg, 'xLinkArcRole')
45console.log(info.find(info.html, 'xmlLang'))
46// Or: info.find(info.html, 'xml:lang')
47console.log(info.find(info.html, 'ariaValueNow'))
48// Or: info.find(info.html, 'aria-valuenow')
49```
50
51Yields:
52
53```js
54{ space: 'html',
55 attribute: 'class',
56 property: 'className',
57 spaceSeparated: true }
58{ space: 'svg',
59 attribute: 'horiz-adv-x',
60 property: 'horizAdvX',
61 number: true }
62{ space: 'xlink', attribute: 'xlink:arcrole', property: 'xLinkArcrole' }
63{ space: 'xml', attribute: 'xml:lang', property: 'xmlLang' }
64{ attribute: 'aria-valuenow', property: 'ariaValueNow', number: true }
65```
66
67## API
68
69### `propertyInformation.find(schema, name)`
70
71Look up info on a property.
72
73In most cases, the given `schema` contains info on the property.
74All standard, most legacy, and some non-standard properties are supported.
75For these cases, the returned [`Info`][info] has hints about value of the
76property.
77
78`name` can be a [valid data attribute or property][data], in which case an
79[`Info`][info] object with the correctly cased `attribute` and `property` is
80returned.
81
82`name` can be an unknown attribute, in which case an [`Info`][info] object
83with `attribute` and `property` set to the given name is returned.
84It is not recommended to provide unsupported legacy or recently specced
85properties.
86
87#### Parameters
88
89* `schema` ([`Schema`][schema])
90 — Either `propertyInformation.html` or `propertyInformation.svg`
91* `name` (`string`)
92 — An attribute-like or property-like name that is passed through
93 [`normalize`][normalize] to find the correct info
94
95#### Returns
96
97[`Info`][info].
98
99#### Note
100
101`find` can be accessed directly from `require('property-information/find')` as
102well.
103
104#### Example
105
106Aside from the aforementioned example, which shows known HTML, SVG, XML, XLink,
107and ARIA support, data properties, and attributes are also supported:
108
109```js
110console.log(info.find(info.html, 'data-date-of-birth'))
111// Or: info.find(info.html, 'dataDateOfBirth')
112```
113
114Yields:
115
116```js
117{ attribute: 'data-date-of-birth', property: 'dataDateOfBirth' }
118```
119
120Unknown values are passed through untouched:
121
122```js
123console.log(info.find(info.html, 'un-Known'))
124```
125
126Yields:
127
128```js
129{ attribute: 'un-Known', property: 'un-Known' }
130```
131
132### `propertyInformation.normalize(name)`
133
134Get the cleaned case-insensitive form of an attribute or a property.
135
136#### Parameters
137
138* `name` (`string`) — An attribute-like or property-like name
139
140#### Returns
141
142`string` that can be used to look up the properly cased property in a
143[`Schema`][schema].
144
145#### Note
146
147`normalize` can be accessed directly from
148`require('property-information/normalize')` as well.
149
150#### Example
151
152```js
153info.html.normal[info.normalize('for')] // => 'htmlFor'
154info.svg.normal[info.normalize('VIEWBOX')] // => 'viewBox'
155info.html.normal[info.normalize('unknown')] // => undefined
156info.html.normal[info.normalize('accept-charset')] // => 'acceptCharset'
157```
158
159### `propertyInformation.html`
160
161### `propertyInformation.svg`
162
163[`Schema`][schema] for either HTML or SVG, containing info on properties from
164the primary space (HTML or SVG) and related embedded spaces (ARIA, XML, XMLNS,
165XLink).
166
167#### Note
168
169`html` and `svg` can be accessed directly from
170`require('property-information/html')` and `require('property-information/svg')`
171as well.
172
173#### Example
174
175```js
176console.log(info.html.property.htmlFor)
177console.log(info.svg.property.viewBox)
178console.log(info.html.property.unknown)
179```
180
181Yields:
182
183```js
184{ space: 'html',
185 attribute: 'for',
186 property: 'htmlFor',
187 spaceSeparated: true }
188{ space: 'svg', attribute: 'viewBox', property: 'viewBox' }
189undefined
190```
191
192#### `Schema`
193
194A schema for a primary space.
195
196* `space` (`'html'` or `'svg'`) — Primary space of the schema
197* `normal` (`Object.<string>`) — Object mapping normalized attributes and
198 properties to properly cased properties
199* `property` ([`Object.<Info>`][info]) — Object mapping properties to info
200
201#### `Info`
202
203Info on a property.
204
205* `space` (`'html'`, `'svg'`, `'xml'`, `'xlink'`, `'xmlns'`, optional)
206 — [Space][namespace] of the property
207* `attribute` (`string`) — Attribute name for the property that could be used
208 in markup (for example: `'aria-describedby'`, `'allowfullscreen'`,
209 `'xml:lang'`, `'for'`, or `'charoff'`)
210* `property` (`string`) — JavaScript-style camel-cased name, based on the
211 DOM, but sometimes different (for example: `'ariaDescribedBy'`,
212 `'allowFullScreen'`, `'xmlLang'`, `'htmlFor'`, `'charOff'`)
213* `boolean` (`boolean`) — The property is `boolean`.
214 The default value of this property is false, so it can be omitted
215* `booleanish` (`boolean`) — The property is a `boolean`.
216 The default value of this property is something other than false, so
217 `false` must persist.
218 The value can hold a string (as is the case with `ariaChecked` and its
219 `'mixed'` value)
220* `overloadedBoolean` (`boolean`) — The property is `boolean`.
221 The default value of this property is false, so it can be omitted.
222 The value can hold a string (as is the case with `download` as its value
223 reflects the name to use for the downloaded file)
224* `number` (`boolean`) — The property is `number`.
225 These values can sometimes hold a string
226* `spaceSeparated` (`boolean`) — The property is a list separated by spaces
227 (for example, `className`)
228* `commaSeparated` (`boolean`) — The property is a list separated by commas
229 (for example, `srcSet`)
230* `commaOrSpaceSeparated` (`boolean`) — The property is a list separated by
231 commas or spaces (for example, `strokeDashArray`)
232* `mustUseProperty` (`boolean`) — If a DOM is used, setting the property
233 should be used for the change to take effect (this is true only for
234 `'checked'`, `'multiple'`, `'muted'`, and `'selected'`)
235* `defined` (`boolean`) — The property is [defined by a space](#support).
236 This is true for values in HTML (including data and ARIA), SVG, XML,
237 XMLNS, and XLink.
238 These values can only be accessed through `find`.
239
240### `hastToReact`
241
242> Accessible through `require('property-information/hast-to-react.json')`
243
244[hast][] is close to [React][], but differs in a couple of cases.
245To get a React property from a hast property, check if it is in
246[`hast-to-react`][hast-to-react] (`Object.<string>`), if it is, then use the
247corresponding value, otherwise, use the hast property.
248
249## Support
250
251<!--list start-->
252
253| Property | Attribute | Space |
254| ---------------------------- | ------------------------------ | ------------- |
255| `aLink` | `alink` | `html` |
256| `abbr` | `abbr` | `html` |
257| `about` | `about` | `svg` |
258| `accentHeight` | `accent-height` | `svg` |
259| `accept` | `accept` | `html` |
260| `acceptCharset` | `accept-charset` | `html` |
261| `accessKey` | `accesskey` | `html` |
262| `accumulate` | `accumulate` | `svg` |
263| `action` | `action` | `html` |
264| `additive` | `additive` | `svg` |
265| `align` | `align` | `html` |
266| `alignmentBaseline` | `alignment-baseline` | `svg` |
267| `allow` | `allow` | `html` |
268| `allowFullScreen` | `allowfullscreen` | `html` |
269| `allowPaymentRequest` | `allowpaymentrequest` | `html` |
270| `allowTransparency` | `allowtransparency` | `html` |
271| `allowUserMedia` | `allowusermedia` | `html` |
272| `alphabetic` | `alphabetic` | `svg` |
273| `alt` | `alt` | `html` |
274| `amplitude` | `amplitude` | `svg` |
275| `arabicForm` | `arabic-form` | `svg` |
276| `archive` | `archive` | `html` |
277| `ariaActiveDescendant` | `aria-activedescendant` | |
278| `ariaAtomic` | `aria-atomic` | |
279| `ariaAutoComplete` | `aria-autocomplete` | |
280| `ariaBusy` | `aria-busy` | |
281| `ariaChecked` | `aria-checked` | |
282| `ariaColCount` | `aria-colcount` | |
283| `ariaColIndex` | `aria-colindex` | |
284| `ariaColSpan` | `aria-colspan` | |
285| `ariaControls` | `aria-controls` | |
286| `ariaCurrent` | `aria-current` | |
287| `ariaDescribedBy` | `aria-describedby` | |
288| `ariaDetails` | `aria-details` | |
289| `ariaDisabled` | `aria-disabled` | |
290| `ariaDropEffect` | `aria-dropeffect` | |
291| `ariaErrorMessage` | `aria-errormessage` | |
292| `ariaExpanded` | `aria-expanded` | |
293| `ariaFlowTo` | `aria-flowto` | |
294| `ariaGrabbed` | `aria-grabbed` | |
295| `ariaHasPopup` | `aria-haspopup` | |
296| `ariaHidden` | `aria-hidden` | |
297| `ariaInvalid` | `aria-invalid` | |
298| `ariaKeyShortcuts` | `aria-keyshortcuts` | |
299| `ariaLabel` | `aria-label` | |
300| `ariaLabelledBy` | `aria-labelledby` | |
301| `ariaLevel` | `aria-level` | |
302| `ariaLive` | `aria-live` | |
303| `ariaModal` | `aria-modal` | |
304| `ariaMultiLine` | `aria-multiline` | |
305| `ariaMultiSelectable` | `aria-multiselectable` | |
306| `ariaOrientation` | `aria-orientation` | |
307| `ariaOwns` | `aria-owns` | |
308| `ariaPlaceholder` | `aria-placeholder` | |
309| `ariaPosInSet` | `aria-posinset` | |
310| `ariaPressed` | `aria-pressed` | |
311| `ariaReadOnly` | `aria-readonly` | |
312| `ariaRelevant` | `aria-relevant` | |
313| `ariaRequired` | `aria-required` | |
314| `ariaRoleDescription` | `aria-roledescription` | |
315| `ariaRowCount` | `aria-rowcount` | |
316| `ariaRowIndex` | `aria-rowindex` | |
317| `ariaRowSpan` | `aria-rowspan` | |
318| `ariaSelected` | `aria-selected` | |
319| `ariaSetSize` | `aria-setsize` | |
320| `ariaSort` | `aria-sort` | |
321| `ariaValueMax` | `aria-valuemax` | |
322| `ariaValueMin` | `aria-valuemin` | |
323| `ariaValueNow` | `aria-valuenow` | |
324| `ariaValueText` | `aria-valuetext` | |
325| `as` | `as` | `html` |
326| `ascent` | `ascent` | `svg` |
327| `async` | `async` | `html` |
328| `attributeName` | `attributeName` | `svg` |
329| `attributeType` | `attributeType` | `svg` |
330| `autoCapitalize` | `autocapitalize` | `html` |
331| `autoComplete` | `autocomplete` | `html` |
332| `autoCorrect` | `autocorrect` | `html` |
333| `autoFocus` | `autofocus` | `html` |
334| `autoPlay` | `autoplay` | `html` |
335| `autoSave` | `autosave` | `html` |
336| `axis` | `axis` | `html` |
337| `azimuth` | `azimuth` | `svg` |
338| `background` | `background` | `html` |
339| `bandwidth` | `bandwidth` | `svg` |
340| `baseFrequency` | `baseFrequency` | `svg` |
341| `baseProfile` | `baseProfile` | `svg` |
342| `baselineShift` | `baseline-shift` | `svg` |
343| `bbox` | `bbox` | `svg` |
344| `begin` | `begin` | `svg` |
345| `bgColor` | `bgcolor` | `html` |
346| `bias` | `bias` | `svg` |
347| `border` | `border` | `html` |
348| `borderColor` | `bordercolor` | `html` |
349| `bottomMargin` | `bottommargin` | `html` |
350| `by` | `by` | `svg` |
351| `calcMode` | `calcMode` | `svg` |
352| `capHeight` | `cap-height` | `svg` |
353| `capture` | `capture` | `html` |
354| `cellPadding` | `cellpadding` | `html` |
355| `cellSpacing` | `cellspacing` | `html` |
356| `char` | `char` | `html` |
357| `charOff` | `charoff` | `html` |
358| `charSet` | `charset` | `html` |
359| `checked` | `checked` | `html` |
360| `cite` | `cite` | `html` |
361| `classId` | `classid` | `html` |
362| `className` | `class` | `svg`, `html` |
363| `clear` | `clear` | `html` |
364| `clip` | `clip` | `svg` |
365| `clipPath` | `clip-path` | `svg` |
366| `clipPathUnits` | `clipPathUnits` | `svg` |
367| `clipRule` | `clip-rule` | `svg` |
368| `code` | `code` | `html` |
369| `codeBase` | `codebase` | `html` |
370| `codeType` | `codetype` | `html` |
371| `colSpan` | `colspan` | `html` |
372| `color` | `color` | `svg`, `html` |
373| `colorInterpolation` | `color-interpolation` | `svg` |
374| `colorInterpolationFilters` | `color-interpolation-filters` | `svg` |
375| `colorProfile` | `color-profile` | `svg` |
376| `colorRendering` | `color-rendering` | `svg` |
377| `cols` | `cols` | `html` |
378| `compact` | `compact` | `html` |
379| `content` | `content` | `svg`, `html` |
380| `contentEditable` | `contenteditable` | `html` |
381| `contentScriptType` | `contentScriptType` | `svg` |
382| `contentStyleType` | `contentStyleType` | `svg` |
383| `controls` | `controls` | `html` |
384| `controlsList` | `controlslist` | `html` |
385| `coords` | `coords` | `html` |
386| `crossOrigin` | `crossorigin` | `svg`, `html` |
387| `cursor` | `cursor` | `svg` |
388| `cx` | `cx` | `svg` |
389| `cy` | `cy` | `svg` |
390| `d` | `d` | `svg` |
391| `data` | `data` | `html` |
392| `dataType` | `datatype` | `svg` |
393| `dateTime` | `datetime` | `html` |
394| `declare` | `declare` | `html` |
395| `decoding` | `decoding` | `html` |
396| `default` | `default` | `html` |
397| `defaultAction` | `defaultAction` | `svg` |
398| `defer` | `defer` | `html` |
399| `descent` | `descent` | `svg` |
400| `diffuseConstant` | `diffuseConstant` | `svg` |
401| `dir` | `dir` | `html` |
402| `dirName` | `dirname` | `html` |
403| `direction` | `direction` | `svg` |
404| `disablePictureInPicture` | `disablepictureinpicture` | `html` |
405| `disableRemotePlayback` | `disableremoteplayback` | `html` |
406| `disabled` | `disabled` | `html` |
407| `display` | `display` | `svg` |
408| `divisor` | `divisor` | `svg` |
409| `dominantBaseline` | `dominant-baseline` | `svg` |
410| `download` | `download` | `svg`, `html` |
411| `draggable` | `draggable` | `html` |
412| `dur` | `dur` | `svg` |
413| `dx` | `dx` | `svg` |
414| `dy` | `dy` | `svg` |
415| `edgeMode` | `edgeMode` | `svg` |
416| `editable` | `editable` | `svg` |
417| `elevation` | `elevation` | `svg` |
418| `enableBackground` | `enable-background` | `svg` |
419| `encType` | `enctype` | `html` |
420| `end` | `end` | `svg` |
421| `enterKeyHint` | `enterkeyhint` | `html` |
422| `event` | `event` | `svg`, `html` |
423| `exponent` | `exponent` | `svg` |
424| `externalResourcesRequired` | `externalResourcesRequired` | `svg` |
425| `face` | `face` | `html` |
426| `fill` | `fill` | `svg` |
427| `fillOpacity` | `fill-opacity` | `svg` |
428| `fillRule` | `fill-rule` | `svg` |
429| `filter` | `filter` | `svg` |
430| `filterRes` | `filterRes` | `svg` |
431| `filterUnits` | `filterUnits` | `svg` |
432| `floodColor` | `flood-color` | `svg` |
433| `floodOpacity` | `flood-opacity` | `svg` |
434| `focusHighlight` | `focusHighlight` | `svg` |
435| `focusable` | `focusable` | `svg` |
436| `fontFamily` | `font-family` | `svg` |
437| `fontSize` | `font-size` | `svg` |
438| `fontSizeAdjust` | `font-size-adjust` | `svg` |
439| `fontStretch` | `font-stretch` | `svg` |
440| `fontStyle` | `font-style` | `svg` |
441| `fontVariant` | `font-variant` | `svg` |
442| `fontWeight` | `font-weight` | `svg` |
443| `form` | `form` | `html` |
444| `formAction` | `formaction` | `html` |
445| `formEncType` | `formenctype` | `html` |
446| `formMethod` | `formmethod` | `html` |
447| `formNoValidate` | `formnovalidate` | `html` |
448| `formTarget` | `formtarget` | `html` |
449| `format` | `format` | `svg` |
450| `fr` | `fr` | `svg` |
451| `frame` | `frame` | `html` |
452| `frameBorder` | `frameborder` | `html` |
453| `from` | `from` | `svg` |
454| `fx` | `fx` | `svg` |
455| `fy` | `fy` | `svg` |
456| `g1` | `g1` | `svg` |
457| `g2` | `g2` | `svg` |
458| `glyphName` | `glyph-name` | `svg` |
459| `glyphOrientationHorizontal` | `glyph-orientation-horizontal` | `svg` |
460| `glyphOrientationVertical` | `glyph-orientation-vertical` | `svg` |
461| `glyphRef` | `glyphRef` | `svg` |
462| `gradientTransform` | `gradientTransform` | `svg` |
463| `gradientUnits` | `gradientUnits` | `svg` |
464| `hSpace` | `hspace` | `html` |
465| `handler` | `handler` | `svg` |
466| `hanging` | `hanging` | `svg` |
467| `hatchContentUnits` | `hatchContentUnits` | `svg` |
468| `hatchUnits` | `hatchUnits` | `svg` |
469| `headers` | `headers` | `html` |
470| `height` | `height` | `svg`, `html` |
471| `hidden` | `hidden` | `html` |
472| `high` | `high` | `html` |
473| `horizAdvX` | `horiz-adv-x` | `svg` |
474| `horizOriginX` | `horiz-origin-x` | `svg` |
475| `horizOriginY` | `horiz-origin-y` | `svg` |
476| `href` | `href` | `svg`, `html` |
477| `hrefLang` | `hreflang` | `svg`, `html` |
478| `htmlFor` | `for` | `html` |
479| `httpEquiv` | `http-equiv` | `html` |
480| `id` | `id` | `svg`, `html` |
481| `ideographic` | `ideographic` | `svg` |
482| `imageRendering` | `image-rendering` | `svg` |
483| `imageSizes` | `imagesizes` | `html` |
484| `imageSrcSet` | `imagesrcset` | `html` |
485| `in` | `in` | `svg` |
486| `in2` | `in2` | `svg` |
487| `initialVisibility` | `initialVisibility` | `svg` |
488| `inputMode` | `inputmode` | `html` |
489| `integrity` | `integrity` | `html` |
490| `intercept` | `intercept` | `svg` |
491| `is` | `is` | `html` |
492| `isMap` | `ismap` | `html` |
493| `itemId` | `itemid` | `html` |
494| `itemProp` | `itemprop` | `html` |
495| `itemRef` | `itemref` | `html` |
496| `itemScope` | `itemscope` | `html` |
497| `itemType` | `itemtype` | `html` |
498| `k` | `k` | `svg` |
499| `k1` | `k1` | `svg` |
500| `k2` | `k2` | `svg` |
501| `k3` | `k3` | `svg` |
502| `k4` | `k4` | `svg` |
503| `kernelMatrix` | `kernelMatrix` | `svg` |
504| `kernelUnitLength` | `kernelUnitLength` | `svg` |
505| `kerning` | `kerning` | `svg` |
506| `keyPoints` | `keyPoints` | `svg` |
507| `keySplines` | `keySplines` | `svg` |
508| `keyTimes` | `keyTimes` | `svg` |
509| `kind` | `kind` | `html` |
510| `label` | `label` | `html` |
511| `lang` | `lang` | `svg`, `html` |
512| `language` | `language` | `html` |
513| `leftMargin` | `leftmargin` | `html` |
514| `lengthAdjust` | `lengthAdjust` | `svg` |
515| `letterSpacing` | `letter-spacing` | `svg` |
516| `lightingColor` | `lighting-color` | `svg` |
517| `limitingConeAngle` | `limitingConeAngle` | `svg` |
518| `link` | `link` | `html` |
519| `list` | `list` | `html` |
520| `local` | `local` | `svg` |
521| `longDesc` | `longdesc` | `html` |
522| `loop` | `loop` | `html` |
523| `low` | `low` | `html` |
524| `lowSrc` | `lowsrc` | `html` |
525| `manifest` | `manifest` | `html` |
526| `marginHeight` | `marginheight` | `html` |
527| `marginWidth` | `marginwidth` | `html` |
528| `markerEnd` | `marker-end` | `svg` |
529| `markerHeight` | `markerHeight` | `svg` |
530| `markerMid` | `marker-mid` | `svg` |
531| `markerStart` | `marker-start` | `svg` |
532| `markerUnits` | `markerUnits` | `svg` |
533| `markerWidth` | `markerWidth` | `svg` |
534| `mask` | `mask` | `svg` |
535| `maskContentUnits` | `maskContentUnits` | `svg` |
536| `maskUnits` | `maskUnits` | `svg` |
537| `mathematical` | `mathematical` | `svg` |
538| `max` | `max` | `svg`, `html` |
539| `maxLength` | `maxlength` | `html` |
540| `media` | `media` | `svg`, `html` |
541| `mediaCharacterEncoding` | `mediaCharacterEncoding` | `svg` |
542| `mediaContentEncodings` | `mediaContentEncodings` | `svg` |
543| `mediaSize` | `mediaSize` | `svg` |
544| `mediaTime` | `mediaTime` | `svg` |
545| `method` | `method` | `svg`, `html` |
546| `min` | `min` | `svg`, `html` |
547| `minLength` | `minlength` | `html` |
548| `mode` | `mode` | `svg` |
549| `multiple` | `multiple` | `html` |
550| `muted` | `muted` | `html` |
551| `name` | `name` | `svg`, `html` |
552| `navDown` | `nav-down` | `svg` |
553| `navDownLeft` | `nav-down-left` | `svg` |
554| `navDownRight` | `nav-down-right` | `svg` |
555| `navLeft` | `nav-left` | `svg` |
556| `navNext` | `nav-next` | `svg` |
557| `navPrev` | `nav-prev` | `svg` |
558| `navRight` | `nav-right` | `svg` |
559| `navUp` | `nav-up` | `svg` |
560| `navUpLeft` | `nav-up-left` | `svg` |
561| `navUpRight` | `nav-up-right` | `svg` |
562| `noHref` | `nohref` | `html` |
563| `noModule` | `nomodule` | `html` |
564| `noResize` | `noresize` | `html` |
565| `noShade` | `noshade` | `html` |
566| `noValidate` | `novalidate` | `html` |
567| `noWrap` | `nowrap` | `html` |
568| `nonce` | `nonce` | `html` |
569| `numOctaves` | `numOctaves` | `svg` |
570| `object` | `object` | `html` |
571| `observer` | `observer` | `svg` |
572| `offset` | `offset` | `svg` |
573| `onAbort` | `onabort` | `svg`, `html` |
574| `onActivate` | `onactivate` | `svg` |
575| `onAfterPrint` | `onafterprint` | `svg`, `html` |
576| `onAuxClick` | `onauxclick` | `html` |
577| `onBeforePrint` | `onbeforeprint` | `svg`, `html` |
578| `onBeforeUnload` | `onbeforeunload` | `html` |
579| `onBegin` | `onbegin` | `svg` |
580| `onBlur` | `onblur` | `html` |
581| `onCanPlay` | `oncanplay` | `svg`, `html` |
582| `onCanPlayThrough` | `oncanplaythrough` | `svg`, `html` |
583| `onCancel` | `oncancel` | `svg`, `html` |
584| `onChange` | `onchange` | `svg`, `html` |
585| `onClick` | `onclick` | `svg`, `html` |
586| `onClose` | `onclose` | `svg`, `html` |
587| `onContextMenu` | `oncontextmenu` | `html` |
588| `onCopy` | `oncopy` | `svg`, `html` |
589| `onCueChange` | `oncuechange` | `svg`, `html` |
590| `onCut` | `oncut` | `svg`, `html` |
591| `onDblClick` | `ondblclick` | `svg`, `html` |
592| `onDrag` | `ondrag` | `svg`, `html` |
593| `onDragEnd` | `ondragend` | `svg`, `html` |
594| `onDragEnter` | `ondragenter` | `svg`, `html` |
595| `onDragExit` | `ondragexit` | `svg`, `html` |
596| `onDragLeave` | `ondragleave` | `svg`, `html` |
597| `onDragOver` | `ondragover` | `svg`, `html` |
598| `onDragStart` | `ondragstart` | `svg`, `html` |
599| `onDrop` | `ondrop` | `svg`, `html` |
600| `onDurationChange` | `ondurationchange` | `svg`, `html` |
601| `onEmptied` | `onemptied` | `svg`, `html` |
602| `onEnd` | `onend` | `svg` |
603| `onEnded` | `onended` | `svg`, `html` |
604| `onError` | `onerror` | `svg`, `html` |
605| `onFocus` | `onfocus` | `svg`, `html` |
606| `onFocusIn` | `onfocusin` | `svg` |
607| `onFocusOut` | `onfocusout` | `svg` |
608| `onFormData` | `onformdata` | `html` |
609| `onHashChange` | `onhashchange` | `svg`, `html` |
610| `onInput` | `oninput` | `svg`, `html` |
611| `onInvalid` | `oninvalid` | `svg`, `html` |
612| `onKeyDown` | `onkeydown` | `svg`, `html` |
613| `onKeyPress` | `onkeypress` | `svg`, `html` |
614| `onKeyUp` | `onkeyup` | `svg`, `html` |
615| `onLanguageChange` | `onlanguagechange` | `html` |
616| `onLoad` | `onload` | `svg`, `html` |
617| `onLoadEnd` | `onloadend` | `html` |
618| `onLoadStart` | `onloadstart` | `svg`, `html` |
619| `onLoadedData` | `onloadeddata` | `svg`, `html` |
620| `onLoadedMetadata` | `onloadedmetadata` | `svg`, `html` |
621| `onMessage` | `onmessage` | `svg`, `html` |
622| `onMessageError` | `onmessageerror` | `html` |
623| `onMouseDown` | `onmousedown` | `svg`, `html` |
624| `onMouseEnter` | `onmouseenter` | `svg`, `html` |
625| `onMouseLeave` | `onmouseleave` | `svg`, `html` |
626| `onMouseMove` | `onmousemove` | `svg`, `html` |
627| `onMouseOut` | `onmouseout` | `svg`, `html` |
628| `onMouseOver` | `onmouseover` | `svg`, `html` |
629| `onMouseUp` | `onmouseup` | `svg`, `html` |
630| `onMouseWheel` | `onmousewheel` | `svg` |
631| `onOffline` | `onoffline` | `svg`, `html` |
632| `onOnline` | `ononline` | `svg`, `html` |
633| `onPageHide` | `onpagehide` | `svg`, `html` |
634| `onPageShow` | `onpageshow` | `svg`, `html` |
635| `onPaste` | `onpaste` | `svg`, `html` |
636| `onPause` | `onpause` | `svg`, `html` |
637| `onPlay` | `onplay` | `svg`, `html` |
638| `onPlaying` | `onplaying` | `svg`, `html` |
639| `onPopState` | `onpopstate` | `svg`, `html` |
640| `onProgress` | `onprogress` | `svg`, `html` |
641| `onRateChange` | `onratechange` | `svg`, `html` |
642| `onRejectionHandled` | `onrejectionhandled` | `html` |
643| `onRepeat` | `onrepeat` | `svg` |
644| `onReset` | `onreset` | `svg`, `html` |
645| `onResize` | `onresize` | `svg`, `html` |
646| `onScroll` | `onscroll` | `svg`, `html` |
647| `onSecurityPolicyViolation` | `onsecuritypolicyviolation` | `html` |
648| `onSeeked` | `onseeked` | `svg`, `html` |
649| `onSeeking` | `onseeking` | `svg`, `html` |
650| `onSelect` | `onselect` | `svg`, `html` |
651| `onShow` | `onshow` | `svg` |
652| `onSlotChange` | `onslotchange` | `html` |
653| `onStalled` | `onstalled` | `svg`, `html` |
654| `onStorage` | `onstorage` | `svg`, `html` |
655| `onSubmit` | `onsubmit` | `svg`, `html` |
656| `onSuspend` | `onsuspend` | `svg`, `html` |
657| `onTimeUpdate` | `ontimeupdate` | `svg`, `html` |
658| `onToggle` | `ontoggle` | `svg`, `html` |
659| `onUnhandledRejection` | `onunhandledrejection` | `html` |
660| `onUnload` | `onunload` | `svg`, `html` |
661| `onVolumeChange` | `onvolumechange` | `svg`, `html` |
662| `onWaiting` | `onwaiting` | `svg`, `html` |
663| `onWheel` | `onwheel` | `html` |
664| `onZoom` | `onzoom` | `svg` |
665| `opacity` | `opacity` | `svg` |
666| `open` | `open` | `html` |
667| `operator` | `operator` | `svg` |
668| `optimum` | `optimum` | `html` |
669| `order` | `order` | `svg` |
670| `orient` | `orient` | `svg` |
671| `orientation` | `orientation` | `svg` |
672| `origin` | `origin` | `svg` |
673| `overflow` | `overflow` | `svg` |
674| `overlay` | `overlay` | `svg` |
675| `overlinePosition` | `overline-position` | `svg` |
676| `overlineThickness` | `overline-thickness` | `svg` |
677| `paintOrder` | `paint-order` | `svg` |
678| `panose1` | `panose-1` | `svg` |
679| `path` | `path` | `svg` |
680| `pathLength` | `pathLength` | `svg` |
681| `pattern` | `pattern` | `html` |
682| `patternContentUnits` | `patternContentUnits` | `svg` |
683| `patternTransform` | `patternTransform` | `svg` |
684| `patternUnits` | `patternUnits` | `svg` |
685| `phase` | `phase` | `svg` |
686| `ping` | `ping` | `svg`, `html` |
687| `pitch` | `pitch` | `svg` |
688| `placeholder` | `placeholder` | `html` |
689| `playbackOrder` | `playbackorder` | `svg` |
690| `playsInline` | `playsinline` | `html` |
691| `pointerEvents` | `pointer-events` | `svg` |
692| `points` | `points` | `svg` |
693| `pointsAtX` | `pointsAtX` | `svg` |
694| `pointsAtY` | `pointsAtY` | `svg` |
695| `pointsAtZ` | `pointsAtZ` | `svg` |
696| `poster` | `poster` | `html` |
697| `prefix` | `prefix` | `html` |
698| `preload` | `preload` | `html` |
699| `preserveAlpha` | `preserveAlpha` | `svg` |
700| `preserveAspectRatio` | `preserveAspectRatio` | `svg` |
701| `primitiveUnits` | `primitiveUnits` | `svg` |
702| `profile` | `profile` | `html` |
703| `prompt` | `prompt` | `html` |
704| `propagate` | `propagate` | `svg` |
705| `property` | `property` | `svg`, `html` |
706| `r` | `r` | `svg` |
707| `radius` | `radius` | `svg` |
708| `readOnly` | `readonly` | `html` |
709| `refX` | `refX` | `svg` |
710| `refY` | `refY` | `svg` |
711| `referrerPolicy` | `referrerpolicy` | `svg`, `html` |
712| `rel` | `rel` | `svg`, `html` |
713| `renderingIntent` | `rendering-intent` | `svg` |
714| `repeatCount` | `repeatCount` | `svg` |
715| `repeatDur` | `repeatDur` | `svg` |
716| `required` | `required` | `html` |
717| `requiredExtensions` | `requiredExtensions` | `svg` |
718| `requiredFeatures` | `requiredFeatures` | `svg` |
719| `requiredFonts` | `requiredFonts` | `svg` |
720| `requiredFormats` | `requiredFormats` | `svg` |
721| `resource` | `resource` | `svg` |
722| `restart` | `restart` | `svg` |
723| `result` | `result` | `svg` |
724| `results` | `results` | `html` |
725| `rev` | `rev` | `svg`, `html` |
726| `reversed` | `reversed` | `html` |
727| `rightMargin` | `rightmargin` | `html` |
728| `role` | `role` | |
729| `rotate` | `rotate` | `svg` |
730| `rowSpan` | `rowspan` | `html` |
731| `rows` | `rows` | `html` |
732| `rules` | `rules` | `html` |
733| `rx` | `rx` | `svg` |
734| `ry` | `ry` | `svg` |
735| `sandbox` | `sandbox` | `html` |
736| `scale` | `scale` | `svg` |
737| `scheme` | `scheme` | `html` |
738| `scope` | `scope` | `html` |
739| `scoped` | `scoped` | `html` |
740| `scrolling` | `scrolling` | `html` |
741| `seamless` | `seamless` | `html` |
742| `security` | `security` | `html` |
743| `seed` | `seed` | `svg` |
744| `selected` | `selected` | `html` |
745| `shape` | `shape` | `html` |
746| `shapeRendering` | `shape-rendering` | `svg` |
747| `side` | `side` | `svg` |
748| `size` | `size` | `html` |
749| `sizes` | `sizes` | `html` |
750| `slope` | `slope` | `svg` |
751| `slot` | `slot` | `html` |
752| `snapshotTime` | `snapshotTime` | `svg` |
753| `spacing` | `spacing` | `svg` |
754| `span` | `span` | `html` |
755| `specularConstant` | `specularConstant` | `svg` |
756| `specularExponent` | `specularExponent` | `svg` |
757| `spellCheck` | `spellcheck` | `html` |
758| `spreadMethod` | `spreadMethod` | `svg` |
759| `src` | `src` | `html` |
760| `srcDoc` | `srcdoc` | `html` |
761| `srcLang` | `srclang` | `html` |
762| `srcSet` | `srcset` | `html` |
763| `standby` | `standby` | `html` |
764| `start` | `start` | `html` |
765| `startOffset` | `startOffset` | `svg` |
766| `stdDeviation` | `stdDeviation` | `svg` |
767| `stemh` | `stemh` | `svg` |
768| `stemv` | `stemv` | `svg` |
769| `step` | `step` | `html` |
770| `stitchTiles` | `stitchTiles` | `svg` |
771| `stopColor` | `stop-color` | `svg` |
772| `stopOpacity` | `stop-opacity` | `svg` |
773| `strikethroughPosition` | `strikethrough-position` | `svg` |
774| `strikethroughThickness` | `strikethrough-thickness` | `svg` |
775| `string` | `string` | `svg` |
776| `stroke` | `stroke` | `svg` |
777| `strokeDashArray` | `stroke-dasharray` | `svg` |
778| `strokeDashOffset` | `stroke-dashoffset` | `svg` |
779| `strokeLineCap` | `stroke-linecap` | `svg` |
780| `strokeLineJoin` | `stroke-linejoin` | `svg` |
781| `strokeMiterLimit` | `stroke-miterlimit` | `svg` |
782| `strokeOpacity` | `stroke-opacity` | `svg` |
783| `strokeWidth` | `stroke-width` | `svg` |
784| `style` | `style` | `svg`, `html` |
785| `summary` | `summary` | `html` |
786| `surfaceScale` | `surfaceScale` | `svg` |
787| `syncBehavior` | `syncBehavior` | `svg` |
788| `syncBehaviorDefault` | `syncBehaviorDefault` | `svg` |
789| `syncMaster` | `syncMaster` | `svg` |
790| `syncTolerance` | `syncTolerance` | `svg` |
791| `syncToleranceDefault` | `syncToleranceDefault` | `svg` |
792| `systemLanguage` | `systemLanguage` | `svg` |
793| `tabIndex` | `tabindex` | `svg`, `html` |
794| `tableValues` | `tableValues` | `svg` |
795| `target` | `target` | `svg`, `html` |
796| `targetX` | `targetX` | `svg` |
797| `targetY` | `targetY` | `svg` |
798| `text` | `text` | `html` |
799| `textAnchor` | `text-anchor` | `svg` |
800| `textDecoration` | `text-decoration` | `svg` |
801| `textLength` | `textLength` | `svg` |
802| `textRendering` | `text-rendering` | `svg` |
803| `timelineBegin` | `timelinebegin` | `svg` |
804| `title` | `title` | `svg`, `html` |
805| `to` | `to` | `svg` |
806| `topMargin` | `topmargin` | `html` |
807| `transform` | `transform` | `svg` |
808| `transformBehavior` | `transformBehavior` | `svg` |
809| `translate` | `translate` | `html` |
810| `type` | `type` | `svg`, `html` |
811| `typeMustMatch` | `typemustmatch` | `html` |
812| `typeOf` | `typeof` | `svg` |
813| `u1` | `u1` | `svg` |
814| `u2` | `u2` | `svg` |
815| `underlinePosition` | `underline-position` | `svg` |
816| `underlineThickness` | `underline-thickness` | `svg` |
817| `unicode` | `unicode` | `svg` |
818| `unicodeBidi` | `unicode-bidi` | `svg` |
819| `unicodeRange` | `unicode-range` | `svg` |
820| `unitsPerEm` | `units-per-em` | `svg` |
821| `unselectable` | `unselectable` | `html` |
822| `useMap` | `usemap` | `html` |
823| `vAlign` | `valign` | `html` |
824| `vAlphabetic` | `v-alphabetic` | `svg` |
825| `vHanging` | `v-hanging` | `svg` |
826| `vIdeographic` | `v-ideographic` | `svg` |
827| `vLink` | `vlink` | `html` |
828| `vMathematical` | `v-mathematical` | `svg` |
829| `vSpace` | `vspace` | `html` |
830| `value` | `value` | `html` |
831| `valueType` | `valuetype` | `html` |
832| `values` | `values` | `svg` |
833| `vectorEffect` | `vector-effect` | `svg` |
834| `version` | `version` | `svg`, `html` |
835| `vertAdvY` | `vert-adv-y` | `svg` |
836| `vertOriginX` | `vert-origin-x` | `svg` |
837| `vertOriginY` | `vert-origin-y` | `svg` |
838| `viewBox` | `viewBox` | `svg` |
839| `viewTarget` | `viewTarget` | `svg` |
840| `visibility` | `visibility` | `svg` |
841| `width` | `width` | `svg`, `html` |
842| `widths` | `widths` | `svg` |
843| `wordSpacing` | `word-spacing` | `svg` |
844| `wrap` | `wrap` | `html` |
845| `writingMode` | `writing-mode` | `svg` |
846| `x` | `x` | `svg` |
847| `x1` | `x1` | `svg` |
848| `x2` | `x2` | `svg` |
849| `xChannelSelector` | `xChannelSelector` | `svg` |
850| `xHeight` | `x-height` | `svg` |
851| `xLinkActuate` | `xlink:actuate` | `xlink` |
852| `xLinkArcRole` | `xlink:arcrole` | `xlink` |
853| `xLinkHref` | `xlink:href` | `xlink` |
854| `xLinkRole` | `xlink:role` | `xlink` |
855| `xLinkShow` | `xlink:show` | `xlink` |
856| `xLinkTitle` | `xlink:title` | `xlink` |
857| `xLinkType` | `xlink:type` | `xlink` |
858| `xmlBase` | `xml:base` | `xml` |
859| `xmlLang` | `xml:lang` | `xml` |
860| `xmlSpace` | `xml:space` | `xml` |
861| `xmlns` | `xmlns` | `xmlns` |
862| `xmlnsXLink` | `xmlns:xlink` | `xmlns` |
863| `y` | `y` | `svg` |
864| `y1` | `y1` | `svg` |
865| `y2` | `y2` | `svg` |
866| `yChannelSelector` | `yChannelSelector` | `svg` |
867| `z` | `z` | `svg` |
868| `zoomAndPan` | `zoomAndPan` | `svg` |
869
870<!--list end-->
871
872## Related
873
874* [`web-namespaces`][namespace]
875 — List of web namespaces
876* [`space-separated-tokens`](https://github.com/wooorm/space-separated-tokens)
877 — Parse/stringify space-separated tokens
878* [`comma-separated-tokens`](https://github.com/wooorm/comma-separated-tokens)
879 — Parse/stringify comma-separated tokens
880* [`html-tag-names`](https://github.com/wooorm/html-tag-names)
881 — List of HTML tags
882* [`mathml-tag-names`](https://github.com/wooorm/mathml-tag-names)
883 — List of MathML tags
884* [`svg-tag-names`](https://github.com/wooorm/svg-tag-names)
885 — List of SVG tags
886* [`html-void-elements`](https://github.com/wooorm/html-void-elements)
887 — List of void HTML tag-names
888* [`svg-element-attributes`](https://github.com/wooorm/svg-element-attributes)
889 — Map of SVG elements to allowed attributes
890* [`html-element-attributes`](https://github.com/wooorm/html-element-attributes)
891 — Map of HTML elements to allowed attributes
892* [`aria-attributes`](https://github.com/wooorm/aria-attributes)
893 — List of ARIA attributes
894
895## License
896
897[MIT][license] © [Titus Wormer][author]
898
899Derivative work based on [React][source] licensed under
900[BSD-3-Clause-Clear][source-license], © 2013-2015, Facebook, Inc.
901
902[build-badge]: https://img.shields.io/travis/wooorm/property-information/master.svg
903
904[build]: https://travis-ci.org/wooorm/property-information
905
906[coverage-badge]: https://img.shields.io/codecov/c/github/wooorm/property-information.svg
907
908[coverage]: https://codecov.io/github/wooorm/property-information
909
910[downloads-badge]: https://img.shields.io/npm/dm/property-information.svg
911
912[downloads]: https://www.npmjs.com/package/property-information
913
914[size-badge]: https://img.shields.io/bundlephobia/minzip/property-information.svg
915
916[size]: https://bundlephobia.com/result?p=property-information
917
918[npm]: https://docs.npmjs.com/cli/install
919
920[author]: https://wooorm.com
921
922[license]: license
923
924[source]: https://github.com/facebook/react/blob/f445dd9/src/renderers/dom/shared/HTMLDOMPropertyConfig.js
925
926[source-license]: https://github.com/facebook/react/blob/88cdc27/LICENSE
927
928[data]: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset
929
930[namespace]: https://github.com/wooorm/web-namespaces
931
932[info]: #info
933
934[schema]: #schema
935
936[normalize]: #propertyinformationnormalizename
937
938[react]: https://github.com/facebook/react
939
940[hast-to-react]: hast-to-react.json
941
942[hast]: https://github.com/syntax-tree/hast#propertyname
943
