CSSStyleDeclaration Objects
In this chapter you will learn:
Members of the CSSStyleDeclaration
CSSStyleDeclaration object provides
the complete control of CSS via the DOM.
The Members of the CSSStyleDeclaration Object
| Member | Description | Returns |
|---|---|---|
| cssText | Gets or sets the text of the style. | string |
| getPropertyCSSValue(name) | Gets the specified property. | CSSPrimitiveValue |
| getPropertyPriority(name) | Gets the priority of the specified property. | string |
| getPropertyValue(name) | Gets the specified value as a string. | string |
| item(pos) | Gets the item at the specified position. | string |
| length | Gets the number of items. | number |
| parentRule | Gets the style rule if there is one. | CSSStyleRule |
| removeProperty(name) | Removes the specified property. | string |
| setProperty(name, value, priority) | Sets the value and priority for the specified property. | void |
| style | Convenience property to get or set the specified CSS property. | string |
property from CSSStyleDeclaration
The CSS properties and Convenience style property from CSSStyleDeclaration:
| Member | Corresponds To |
|---|---|
| background | background |
| backgroundAttachment | background-attachment |
| backgroundColor | background-color |
| backgroundImage | background-image |
| backgroundPosition | background-position |
| backgroundRepeat | background-repeat |
| border | border |
| borderBottom | border-bottom |
| borderBottomColor | border-bottom-color |
| borderBottomStyle | border-bottom-style |
| borderBottomWidth | border-bottom-width |
| borderCollapse | border-collapse |
| borderColor | border-color |
| borderLeft | border-left |
| borderLeftColor | border-left-color |
| borderLeftStyle | border-left-style |
| borderLeftWidth | border-left-width |
| borderRight | border-right |
| borderRightColor | border-right-color |
| borderRightStyle | border-right-style |
| borderRightWidth | border-right-width |
| borderSpacing | border-spacing |
| borderStyle | border-style |
| borderTop | border-top |
| borderTopColor | border-top-color |
| borderTopStyle | border-top-style |
| borderTopWidth | border-top-width |
| borderWidth | border-width |
| captionSide | caption-side |
| clear | clear |
| color | color |
| cssFloat | float |
| cursor | cursor |
| direction | direction |
| display | display |
| emptyCells | empty-cells |
| font | font |
| fontFamily | font-family |
| fontSize | font-size |
| fontStyle | font-style |
| fontVariant | font-variant |
| fontWeight | font-weight |
| height | height |
| letterSpacing | letter-spacing |
| lineHeight | line-height |
| listStyle | list-style |
| listStyleImage | list-style-image |
| listStylePosition | list-style-position |
| listStyleType | list-style-type |
| margin | margin |
| marginBottom | margin-bottom |
| marginLeft | margin-left |
| marginRight | margin-right |
| marginTop | margin-top |
| maxHeight | max-height |
| maxWIdth | max-width |
| minHeight | min-height |
| minWidth | min-width |
| outline | outline |
| outlineColor | outline-color |
| outlineStyle | outline-style |
| outlineWidth | outline-width |
| overflow | overflow |
| padding | padding |
| paddingBottom | padding-bottom |
| paddingLeft | padding-left |
| paddingRight | padding-right |
| paddingTop | padding-top |
| tableLayout | table-layout |
| textAlign | text-align |
| textDecoration | text-decoration |
| textIndent | text-indent |
| textShadow | text-shadow |
| textTransform | text-transform |
| visibility | visibility |
| whiteSpace | whitespace |
| width | width |
| wordSpacing | word-spacing |
| zIndex | z-index |
Next chapter...
What you will learn in the next chapter:
Home » Javascript Tutorial » CSS