Baseline Widely available *
The CSSStyleDeclaration
interface represents an object that is a CSS declaration block, and exposes style information and various style-related methods and properties.
A CSSStyleDeclaration
object can be exposed using three different APIs:
HTMLElement.style
, which deals with the inline styles of a single element (e.g., <div style="â¦">
).CSSStyleSheet
API. For example, document.styleSheets[0].cssRules[0].style
returns a CSSStyleDeclaration
object on the first CSS rule in the document's first stylesheet.Window.getComputedStyle()
, which exposes the CSSStyleDeclaration
object as a read-only interface.CSSStyleDeclaration.cssText
Textual representation of the declaration block, if and only if it is exposed via HTMLElement.style
. Setting this attribute changes the inline style. If you want a text representation of a computed declaration block, you can get it with JSON.stringify()
.
CSSStyleDeclaration.length
Read only
The number of properties. See the item()
method below.
CSSStyleDeclaration.parentRule
Read only
The containing CSSRule
.
CSSStyleDeclaration.cssFloat
Special alias for the float
CSS property.
CSSStyleDeclaration
named properties
Dashed and camel-cased attributes for all supported CSS properties.
CSSStyleDeclaration.getPropertyPriority()
Returns the optional priority, "important".
CSSStyleDeclaration.getPropertyValue()
Returns the property value given a property name.
CSSStyleDeclaration.item()
Returns a CSS property name by its index, or the empty string if the index is out-of-bounds.
CSSStyleDeclaration.removeProperty()
Removes a property from the CSS declaration block.
CSSStyleDeclaration.setProperty()
Modifies an existing CSS property or creates a new CSS property in the declaration block.
CSSStyleDeclaration.getPropertyCSSValue()
Deprecated
Only supported via getComputedStyle in Firefox. Returns the property value as a CSSPrimitiveValue
or null
for shorthand properties.
const styleObj = document.styleSheets[0].cssRules[0].style;
console.log(styleObj.cssText);
for (let i = styleObj.length; i--; ) {
const nameString = styleObj[i];
styleObj.removeProperty(nameString);
}
console.log(styleObj.cssText);
Specifications Browser compatibility
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4