This is a test of all the available DOM properties for any given
HTML tag.
| property | id.<property> | id.style.<property> |
|---|---|---|
| MozBinding | - | - |
| MozOpacity | - | - |
| accelerator | - | - |
| azimuth | - | - |
| background | - | - |
| backgroundAttachment | - | - |
| backgroundColor | - | - |
| backgroundImage | - | - |
| backgroundPosition | - | - |
| backgroundRepeat | - | - |
| border | - | - |
| borderBottom | - | - |
| borderBottomColor | - | - |
| borderBottomStyle | - | - |
| borderBottomWidth | - | - |
| borderCollapse | - | - |
| borderColor | - | - |
| borderLeft | - | - |
| borderLeftColor | - | - |
| borderLeftStyle | - | - |
| borderLeftWidth | - | - |
| borderRight | - | - |
| borderRightColor | - | - |
| borderRightStyle | - | - |
| borderRightWidth | - | - |
| borderSpacing | - | - |
| borderStyle | - | - |
| borderTop | - | - |
| borderTopColor | - | - |
| borderTopStyle | - | - |
| borderTopWidth | - | - |
| borderWidth | - | - |
| bottom | - | - |
| captionSide | - | - |
| clear | - | - |
| clip | - | - |
| color | - | - |
| content | - | - |
| counterIncrement | - | - |
| counterReset | - | - |
| cssFloat | - | - |
| cssText | - | - |
| cue | - | - |
| cueAfter | - | - |
| cueBefore | - | - |
| cursor | - | - |
| direction | - | - |
| display | - | - |
| elevation | - | - |
| emptyCells | - | - |
| font | - | - |
| fontFamily | - | - |
| fontSize | - | - |
| fontSizeAdjust | - | - |
| fontStretch | - | - |
| fontStyle | - | - |
| fontVariant | - | - |
| fontWeight | - | - |
| height | - | - |
| left | - | - |
| length | - | - |
| letterSpacing | - | - |
| lineHeight | - | - |
| listStyle | - | - |
| listStyleImage | - | - |
| listStylePosition | - | - |
| listStyleType | - | - |
| margin | - | - |
| marginBottom | - | - |
| marginLeft | - | - |
| marginRight | - | - |
| marginTop | - | - |
| markerOffset | - | - |
| marks | - | - |
| maxHeight | - | - |
| maxWidth | - | - |
| minHeight | - | - |
| minWidth | - | - |
| orphans | - | - |
| outline | - | - |
| outlineColor | - | - |
| outlineStyle | - | - |
| outlineWidth | - | - |
| overflow | - | - |
| padding | - | - |
| paddingBottom | - | - |
| paddingLeft | - | - |
| paddingRight | - | - |
| paddingTop | - | - |
| page | - | - |
| pageBreakAfter | - | - |
| pageBreakBefore | - | - |
| pageBreakInside | - | - |
| parentRule | - | - |
| pause | - | - |
| pauseAfter | - | - |
| pauseBefore | - | - |
| pitch | - | - |
| pitchRange | - | - |
| playDuring | - | - |
| position | - | - |
| quotes | - | - |
| richness | - | - |
| right | - | - |
| size | - | - |
| speak | - | - |
| speakHeader | - | - |
| speakNumeral | - | - |
| speakPunctuation | - | - |
| speechRate | - | - |
| stress | - | - |
| tableLayout | - | - |
| textAlign | - | - |
| textDecoration | - | - |
| textIndent | - | - |
| textShadow | - | - |
| textTransform | - | - |
| top | - | - |
| unicodeBidi | - | - |
| verticalAlign | - | - |
| visibility | - | - |
| voiceFamily | - | - |
| volume | - | - |
| whiteSpace | - | - |
| widows | - | - |
| width | - | - |
| wordSpacing | - | - |
| zIndex | - | - |
<table border="1" width="100%">
<tbody valign="top">
<tr valign="top">
<th>property</th>
<th>id.<property></th>
<th>id.style.<property></th>
</tr>
<tr><td>MozBinding</td><td id="p.MozBinding.value1">-</td><td id="p.MozBinding.value2">-</td>
</tr>
<tr><td>MozOpacity</td><td id="p.MozOpacity.value1">-</td><td id="p.MozOpacity.value2">-</td>
</tr>
<tr><td>accelerator</td><td id="p.accelerator.value1">-</td><td id="p.accelerator.value2">-</td>
</tr>
<tr><td>azimuth</td><td id="p.azimuth.value1">-</td><td id="p.azimuth.value2">-</td>
</tr>
<tr><td>background</td><td id="p.background.value1">-</td><td id="p.background.value2">-</td>
</tr>
<tr><td>backgroundAttachment</td><td id="p.backgroundAttachment.value1">-</td><td id="p.backgroundAttachment.value2">-</td>
</tr>
<tr><td>backgroundColor</td><td id="p.backgroundColor.value1">-</td><td id="p.backgroundColor.value2">-</td>
</tr>
<tr><td>backgroundImage</td><td id="p.backgroundImage.value1">-</td><td id="p.backgroundImage.value2">-</td>
</tr>
<tr><td>backgroundPosition</td><td id="p.backgroundPosition.value1">-</td><td id="p.backgroundPosition.value2">-</td>
</tr>
<tr><td>backgroundRepeat</td><td id="p.backgroundRepeat.value1">-</td><td id="p.backgroundRepeat.value2">-</td>
</tr>
<tr><td>border</td><td id="p.border.value1">-</td><td id="p.border.value2">-</td>
</tr>
<tr><td>borderBottom</td><td id="p.borderBottom.value1">-</td><td id="p.borderBottom.value2">-</td>
</tr>
<tr><td>borderBottomColor</td><td id="p.borderBottomColor.value1">-</td><td id="p.borderBottomColor.value2">-</td>
</tr>
<tr><td>borderBottomStyle</td><td id="p.borderBottomStyle.value1">-</td><td id="p.borderBottomStyle.value2">-</td>
</tr>
<tr><td>borderBottomWidth</td><td id="p.borderBottomWidth.value1">-</td><td id="p.borderBottomWidth.value2">-</td>
</tr>
<tr><td>borderCollapse</td><td id="p.borderCollapse.value1">-</td><td id="p.borderCollapse.value2">-</td>
</tr>
<tr><td>borderColor</td><td id="p.borderColor.value1">-</td><td id="p.borderColor.value2">-</td>
</tr>
<tr><td>borderLeft</td><td id="p.borderLeft.value1">-</td><td id="p.borderLeft.value2">-</td>
</tr>
<tr><td>borderLeftColor</td><td id="p.borderLeftColor.value1">-</td><td id="p.borderLeftColor.value2">-</td>
</tr>
<tr><td>borderLeftStyle</td><td id="p.borderLeftStyle.value1">-</td><td id="p.borderLeftStyle.value2">-</td>
</tr>
<tr><td>borderLeftWidth</td><td id="p.borderLeftWidth.value1">-</td><td id="p.borderLeftWidth.value2">-</td>
</tr>
<tr><td>borderRight</td><td id="p.borderRight.value1">-</td><td id="p.borderRight.value2">-</td>
</tr>
<tr><td>borderRightColor</td><td id="p.borderRightColor.value1">-</td><td id="p.borderRightColor.value2">-</td>
</tr>
<tr><td>borderRightStyle</td><td id="p.borderRightStyle.value1">-</td><td id="p.borderRightStyle.value2">-</td>
</tr>
<tr><td>borderRightWidth</td><td id="p.borderRightWidth.value1">-</td><td id="p.borderRightWidth.value2">-</td>
</tr>
<tr><td>borderSpacing</td><td id="p.borderSpacing.value1">-</td><td id="p.borderSpacing.value2">-</td>
</tr>
<tr><td>borderStyle</td><td id="p.borderStyle.value1">-</td><td id="p.borderStyle.value2">-</td>
</tr>
<tr><td>borderTop</td><td id="p.borderTop.value1">-</td><td id="p.borderTop.value2">-</td>
</tr>
<tr><td>borderTopColor</td><td id="p.borderTopColor.value1">-</td><td id="p.borderTopColor.value2">-</td>
</tr>
<tr><td>borderTopStyle</td><td id="p.borderTopStyle.value1">-</td><td id="p.borderTopStyle.value2">-</td>
</tr>
<tr><td>borderTopWidth</td><td id="p.borderTopWidth.value1">-</td><td id="p.borderTopWidth.value2">-</td>
</tr>
<tr><td>borderWidth</td><td id="p.borderWidth.value1">-</td><td id="p.borderWidth.value2">-</td>
</tr>
<tr><td>bottom</td><td id="p.bottom.value1">-</td><td id="p.bottom.value2">-</td>
</tr>
<tr><td>captionSide</td><td id="p.captionSide.value1">-</td><td id="p.captionSide.value2">-</td>
</tr>
<tr><td>clear</td><td id="p.clear.value1">-</td><td id="p.clear.value2">-</td>
</tr>
<tr><td>clip</td><td id="p.clip.value1">-</td><td id="p.clip.value2">-</td>
</tr>
<tr><td>color</td><td id="p.color.value1">-</td><td id="p.color.value2">-</td>
</tr>
<tr><td>content</td><td id="p.content.value1">-</td><td id="p.content.value2">-</td>
</tr>
<tr><td>counterIncrement</td><td id="p.counterIncrement.value1">-</td><td id="p.counterIncrement.value2">-</td>
</tr>
<tr><td>counterReset</td><td id="p.counterReset.value1">-</td><td id="p.counterReset.value2">-</td>
</tr>
<tr><td>cssFloat</td><td id="p.cssFloat.value1">-</td><td id="p.cssFloat.value2">-</td>
</tr>
<tr><td>cssText</td><td id="p.cssText.value1">-</td><td id="p.cssText.value2">-</td>
</tr>
<tr><td>cue</td><td id="p.cue.value1">-</td><td id="p.cue.value2">-</td>
</tr>
<tr><td>cueAfter</td><td id="p.cueAfter.value1">-</td><td id="p.cueAfter.value2">-</td>
</tr>
<tr><td>cueBefore</td><td id="p.cueBefore.value1">-</td><td id="p.cueBefore.value2">-</td>
</tr>
<tr><td>cursor</td><td id="p.cursor.value1">-</td><td id="p.cursor.value2">-</td>
</tr>
<tr><td>direction</td><td id="p.direction.value1">-</td><td id="p.direction.value2">-</td>
</tr>
<tr><td>display</td><td id="p.display.value1">-</td><td id="p.display.value2">-</td>
</tr>
<tr><td>elevation</td><td id="p.elevation.value1">-</td><td id="p.elevation.value2">-</td>
</tr>
<tr><td>emptyCells</td><td id="p.emptyCells.value1">-</td><td id="p.emptyCells.value2">-</td>
</tr>
<tr><td>font</td><td id="p.font.value1">-</td><td id="p.font.value2">-</td>
</tr>
<tr><td>fontFamily</td><td id="p.fontFamily.value1">-</td><td id="p.fontFamily.value2">-</td>
</tr>
<tr><td>fontSize</td><td id="p.fontSize.value1">-</td><td id="p.fontSize.value2">-</td>
</tr>
<tr><td>fontSizeAdjust</td><td id="p.fontSizeAdjust.value1">-</td><td id="p.fontSizeAdjust.value2">-</td>
</tr>
<tr><td>fontStretch</td><td id="p.fontStretch.value1">-</td><td id="p.fontStretch.value2">-</td>
</tr>
<tr><td>fontStyle</td><td id="p.fontStyle.value1">-</td><td id="p.fontStyle.value2">-</td>
</tr>
<tr><td>fontVariant</td><td id="p.fontVariant.value1">-</td><td id="p.fontVariant.value2">-</td>
</tr>
<tr><td>fontWeight</td><td id="p.fontWeight.value1">-</td><td id="p.fontWeight.value2">-</td>
</tr>
<tr><td>height</td><td id="p.height.value1">-</td><td id="p.height.value2">-</td>
</tr>
<tr><td>left</td><td id="p.left.value1">-</td><td id="p.left.value2">-</td>
</tr>
<tr><td>length</td><td id="p.length.value1">-</td><td id="p.length.value2">-</td>
</tr>
<tr><td>letterSpacing</td><td id="p.letterSpacing.value1">-</td><td id="p.letterSpacing.value2">-</td>
</tr>
<tr><td>lineHeight</td><td id="p.lineHeight.value1">-</td><td id="p.lineHeight.value2">-</td>
</tr>
<tr><td>listStyle</td><td id="p.listStyle.value1">-</td><td id="p.listStyle.value2">-</td>
</tr>
<tr><td>listStyleImage</td><td id="p.listStyleImage.value1">-</td><td id="p.listStyleImage.value2">-</td>
</tr>
<tr><td>listStylePosition</td><td id="p.listStylePosition.value1">-</td><td id="p.listStylePosition.value2">-</td>
</tr>
<tr><td>listStyleType</td><td id="p.listStyleType.value1">-</td><td id="p.listStyleType.value2">-</td>
</tr>
<tr><td>margin</td><td id="p.margin.value1">-</td><td id="p.margin.value2">-</td>
</tr>
<tr><td>marginBottom</td><td id="p.marginBottom.value1">-</td><td id="p.marginBottom.value2">-</td>
</tr>
<tr><td>marginLeft</td><td id="p.marginLeft.value1">-</td><td id="p.marginLeft.value2">-</td>
</tr>
<tr><td>marginRight</td><td id="p.marginRight.value1">-</td><td id="p.marginRight.value2">-</td>
</tr>
<tr><td>marginTop</td><td id="p.marginTop.value1">-</td><td id="p.marginTop.value2">-</td>
</tr>
<tr><td>markerOffset</td><td id="p.markerOffset.value1">-</td><td id="p.markerOffset.value2">-</td>
</tr>
<tr><td>marks</td><td id="p.marks.value1">-</td><td id="p.marks.value2">-</td>
</tr>
<tr><td>maxHeight</td><td id="p.maxHeight.value1">-</td><td id="p.maxHeight.value2">-</td>
</tr>
<tr><td>maxWidth</td><td id="p.maxWidth.value1">-</td><td id="p.maxWidth.value2">-</td>
</tr>
<tr><td>minHeight</td><td id="p.minHeight.value1">-</td><td id="p.minHeight.value2">-</td>
</tr>
<tr><td>minWidth</td><td id="p.minWidth.value1">-</td><td id="p.minWidth.value2">-</td>
</tr>
<tr><td>orphans</td><td id="p.orphans.value1">-</td><td id="p.orphans.value2">-</td>
</tr>
<tr><td>outline</td><td id="p.outline.value1">-</td><td id="p.outline.value2">-</td>
</tr>
<tr><td>outlineColor</td><td id="p.outlineColor.value1">-</td><td id="p.outlineColor.value2">-</td>
</tr>
<tr><td>outlineStyle</td><td id="p.outlineStyle.value1">-</td><td id="p.outlineStyle.value2">-</td>
</tr>
<tr><td>outlineWidth</td><td id="p.outlineWidth.value1">-</td><td id="p.outlineWidth.value2">-</td>
</tr>
<tr><td>overflow</td><td id="p.overflow.value1">-</td><td id="p.overflow.value2">-</td>
</tr>
<tr><td>padding</td><td id="p.padding.value1">-</td><td id="p.padding.value2">-</td>
</tr>
<tr><td>paddingBottom</td><td id="p.paddingBottom.value1">-</td><td id="p.paddingBottom.value2">-</td>
</tr>
<tr><td>paddingLeft</td><td id="p.paddingLeft.value1">-</td><td id="p.paddingLeft.value2">-</td>
</tr>
<tr><td>paddingRight</td><td id="p.paddingRight.value1">-</td><td id="p.paddingRight.value2">-</td>
</tr>
<tr><td>paddingTop</td><td id="p.paddingTop.value1">-</td><td id="p.paddingTop.value2">-</td>
</tr>
<tr><td>page</td><td id="p.page.value1">-</td><td id="p.page.value2">-</td>
</tr>
<tr><td>pageBreakAfter</td><td id="p.pageBreakAfter.value1">-</td><td id="p.pageBreakAfter.value2">-</td>
</tr>
<tr><td>pageBreakBefore</td><td id="p.pageBreakBefore.value1">-</td><td id="p.pageBreakBefore.value2">-</td>
</tr>
<tr><td>pageBreakInside</td><td id="p.pageBreakInside.value1">-</td><td id="p.pageBreakInside.value2">-</td>
</tr>
<tr><td>parentRule</td><td id="p.parentRule.value1">-</td><td id="p.parentRule.value2">-</td>
</tr>
<tr><td>pause</td><td id="p.pause.value1">-</td><td id="p.pause.value2">-</td>
</tr>
<tr><td>pauseAfter</td><td id="p.pauseAfter.value1">-</td><td id="p.pauseAfter.value2">-</td>
</tr>
<tr><td>pauseBefore</td><td id="p.pauseBefore.value1">-</td><td id="p.pauseBefore.value2">-</td>
</tr>
<tr><td>pitch</td><td id="p.pitch.value1">-</td><td id="p.pitch.value2">-</td>
</tr>
<tr><td>pitchRange</td><td id="p.pitchRange.value1">-</td><td id="p.pitchRange.value2">-</td>
</tr>
<tr><td>playDuring</td><td id="p.playDuring.value1">-</td><td id="p.playDuring.value2">-</td>
</tr>
<tr><td>position</td><td id="p.position.value1">-</td><td id="p.position.value2">-</td>
</tr>
<tr><td>quotes</td><td id="p.quotes.value1">-</td><td id="p.quotes.value2">-</td>
</tr>
<tr><td>richness</td><td id="p.richness.value1">-</td><td id="p.richness.value2">-</td>
</tr>
<tr><td>right</td><td id="p.right.value1">-</td><td id="p.right.value2">-</td>
</tr>
<tr><td>size</td><td id="p.size.value1">-</td><td id="p.size.value2">-</td>
</tr>
<tr><td>speak</td><td id="p.speak.value1">-</td><td id="p.speak.value2">-</td>
</tr>
<tr><td>speakHeader</td><td id="p.speakHeader.value1">-</td><td id="p.speakHeader.value2">-</td>
</tr>
<tr><td>speakNumeral</td><td id="p.speakNumeral.value1">-</td><td id="p.speakNumeral.value2">-</td>
</tr>
<tr><td>speakPunctuation</td><td id="p.speakPunctuation.value1">-</td><td id="p.speakPunctuation.value2">-</td>
</tr>
<tr><td>speechRate</td><td id="p.speechRate.value1">-</td><td id="p.speechRate.value2">-</td>
</tr>
<tr><td>stress</td><td id="p.stress.value1">-</td><td id="p.stress.value2">-</td>
</tr>
<tr><td>tableLayout</td><td id="p.tableLayout.value1">-</td><td id="p.tableLayout.value2">-</td>
</tr>
<tr><td>textAlign</td><td id="p.textAlign.value1">-</td><td id="p.textAlign.value2">-</td>
</tr>
<tr><td>textDecoration</td><td id="p.textDecoration.value1">-</td><td id="p.textDecoration.value2">-</td>
</tr>
<tr><td>textIndent</td><td id="p.textIndent.value1">-</td><td id="p.textIndent.value2">-</td>
</tr>
<tr><td>textShadow</td><td id="p.textShadow.value1">-</td><td id="p.textShadow.value2">-</td>
</tr>
<tr><td>textTransform</td><td id="p.textTransform.value1">-</td><td id="p.textTransform.value2">-</td>
</tr>
<tr><td>top</td><td id="p.top.value1">-</td><td id="p.top.value2">-</td>
</tr>
<tr><td>unicodeBidi</td><td id="p.unicodeBidi.value1">-</td><td id="p.unicodeBidi.value2">-</td>
</tr>
<tr><td>verticalAlign</td><td id="p.verticalAlign.value1">-</td><td id="p.verticalAlign.value2">-</td>
</tr>
<tr><td>visibility</td><td id="p.visibility.value1">-</td><td id="p.visibility.value2">-</td>
</tr>
<tr><td>voiceFamily</td><td id="p.voiceFamily.value1">-</td><td id="p.voiceFamily.value2">-</td>
</tr>
<tr><td>volume</td><td id="p.volume.value1">-</td><td id="p.volume.value2">-</td>
</tr>
<tr><td>whiteSpace</td><td id="p.whiteSpace.value1">-</td><td id="p.whiteSpace.value2">-</td>
</tr>
<tr><td>widows</td><td id="p.widows.value1">-</td><td id="p.widows.value2">-</td>
</tr>
<tr><td>width</td><td id="p.width.value1">-</td><td id="p.width.value2">-</td>
</tr>
<tr><td>wordSpacing</td><td id="p.wordSpacing.value1">-</td><td id="p.wordSpacing.value2">-</td>
</tr>
<tr><td>zIndex</td><td id="p.zIndex.value1">-</td><td id="p.zIndex.value2">-</td>
</tr>
</tbody>
</table>
<p id="p" style="color: red">&nbsp;</p>
attributes