public interface CSSStyleDeclaration
The
CSSStyleDeclaration
interface represents a single CSS
declaration block. This interface may be used to determine the style
properties currently set in a block or to set style properties explicitly
within the block.
While an implementation may not recognize all CSS properties within a
CSS declaration block, it is expected to provide access to all specified
properties in the style sheet through the CSSStyleDeclaration
interface. Furthermore, implementations that support a specific level of
CSS should correctly handle CSS shorthand properties for that level. For
a further discussion of shorthand properties, see the
CSS2Properties
interface.
This interface is also used to provide a read-only access to the
computed values of an element. See also the ViewCSS
interface. The CSS Object Model doesn't provide an access to the
specified or actual values of the CSS cascade.
See also the Document Object Model (DOM) Level 2 Style Specification.
- Since:
- 1.4, DOM Level 2
-
Method Summary
Modifier and TypeMethodDescriptionThe parsable textual representation of the declaration block (excluding the surrounding curly braces).int
The number of properties that have been explicitly set in this declaration block.The CSS rule that contains this declaration block ornull
if thisCSSStyleDeclaration
is not attached to aCSSRule
.getPropertyCSSValue
(String propertyName) Used to retrieve the object representation of the value of a CSS property if it has been explicitly set within this declaration block.getPropertyPriority
(String propertyName) Used to retrieve the priority of a CSS property (e.g. the"important"
qualifier) if the priority has been explicitly set in this declaration block.getPropertyValue
(String propertyName) Used to retrieve the value of a CSS property if it has been explicitly set within this declaration block.item
(int index) Used to retrieve the properties that have been explicitly set in this declaration block.removeProperty
(String propertyName) Used to remove a CSS property if it has been explicitly set within this declaration block.void
setCssText
(String cssText) The parsable textual representation of the declaration block (excluding the surrounding curly braces).void
setProperty
(String propertyName, String value, String priority) Used to set a property value and priority within this declaration block.
-
Method Details
-
getCssText
String getCssText()The parsable textual representation of the declaration block (excluding the surrounding curly braces). Setting this attribute will result in the parsing of the new value and resetting of all the properties in the declaration block including the removal or addition of properties. -
setCssText
The parsable textual representation of the declaration block (excluding the surrounding curly braces). Setting this attribute will result in the parsing of the new value and resetting of all the properties in the declaration block including the removal or addition of properties.- Throws:
DOMException
- SYNTAX_ERR: Raised if the specified CSS string value has a syntax error and is unparsable.
NO_MODIFICATION_ALLOWED_ERR: Raised if this declaration is readonly or a property is readonly.
-
getPropertyValue
Used to retrieve the value of a CSS property if it has been explicitly set within this declaration block.- Parameters:
propertyName
- The name of the CSS property. See the CSS property index.- Returns:
- Returns the value of the property if it has been explicitly set for this declaration block. Returns the empty string if the property has not been set.
-
getPropertyCSSValue
Used to retrieve the object representation of the value of a CSS property if it has been explicitly set within this declaration block. This method returnsnull
if the property is a shorthand property. Shorthand property values can only be accessed and modified as strings, using thegetPropertyValue
andsetProperty
methods.- Parameters:
propertyName
- The name of the CSS property. See the CSS property index.- Returns:
- Returns the value of the property if it has been explicitly
set for this declaration block. Returns
null
if the property has not been set.
-
removeProperty
Used to remove a CSS property if it has been explicitly set within this declaration block.- Parameters:
propertyName
- The name of the CSS property. See the CSS property index.- Returns:
- Returns the value of the property if it has been explicitly set for this declaration block. Returns the empty string if the property has not been set or the property name does not correspond to a known CSS property.
- Throws:
DOMException
- NO_MODIFICATION_ALLOWED_ERR: Raised if this declaration is readonly or the property is readonly.
-
getPropertyPriority
Used to retrieve the priority of a CSS property (e.g. the"important"
qualifier) if the priority has been explicitly set in this declaration block.- Parameters:
propertyName
- The name of the CSS property. See the CSS property index.- Returns:
- A string representing the priority (e.g.
"important"
) if the property has been explicitly set in this declaration block and has a priority specified. The empty string otherwise.
-
setProperty
Used to set a property value and priority within this declaration block.setProperty
permits to modify a property or add a new one in the declaration block. Any call to this method may modify the order of properties in theitem
method.- Parameters:
propertyName
- The name of the CSS property. See the CSS property index.value
- The new value of the property.priority
- The new priority of the property (e.g."important"
) or the empty string if none.- Throws:
DOMException
- SYNTAX_ERR: Raised if the specified value has a syntax error and is unparsable.
NO_MODIFICATION_ALLOWED_ERR: Raised if this declaration is readonly or the property is readonly.
-
getLength
int getLength()The number of properties that have been explicitly set in this declaration block. The range of valid indices is 0 to length-1 inclusive. -
item
Used to retrieve the properties that have been explicitly set in this declaration block. The order of the properties retrieved using this method does not have to be the order in which they were set. This method can be used to iterate over all properties in this declaration block.- Parameters:
index
- Index of the property name to retrieve.- Returns:
- The name of the property at this ordinal position. The empty string if no property exists at this position.
-
getParentRule
CSSRule getParentRule()The CSS rule that contains this declaration block ornull
if thisCSSStyleDeclaration
is not attached to aCSSRule
.
-