CSSStyleDeclaration object
Represents a Cascading Style Sheets (CSS) declaration block.
![]() ![]() |
Members
The CSSStyleDeclaration object has these types of members:
Methods
The CSSStyleDeclaration object has these methods.
Method | Description |
---|---|
getPropertyPriority |
Gets the priority of a CSS property if the priority is explicitly set in the current declaration block. |
getPropertyValue |
Gets the value of a CSS property if it is explicitly set within the current declaration block. |
item |
Gets a property that has been explicitly set in the current declaration block. |
removeProperty |
Removes a CSS property if it is explicitly set within the current declaration block. |
setProperty |
Sets a property value and priority within the current declaration block. |
Properties
The CSSStyleDeclaration object has these properties.
Property | Access type | Description |
---|---|---|
Sets or retrieves a string that indicates whether the object represents a keyboard shortcut. | ||
Read/write |
Specifies how a flex item's lines align within the flex container when there is extra space along the axis that is perpendicular to the axis defined by the flex-direction property. | |
Read/write |
Specifies the alignment value (perpendicular to the layout axis defined by the flex-direction property) of flex items in the flex container. | |
Read/write |
Specifies which baseline of this element is to be aligned with the corresponding baseline of the parent. | |
Read/write |
Specifies the alignment value (perpendicular to the layout axis defined by the flex-direction property) of flex items of the flex container. | |
Read/write |
Specifies shorthand values that define animation properties for object properties identified in the @keyframes at-rule of the animations-name property. | |
Read/write |
Specifies the offset within an animation cycle (the amount of time from the start of a cycle) before the animation is displayed for a set of corresponding object properties identified in the CSS @keyframes at-rule specified by the animation-name property. | |
Read/write |
Specifies the direction of play for an animation cycle. | |
Read/write |
Specifies the length of time to complete one cycle of the animation. | |
Read/write |
Specifies whether the effects of an animation are visible before or after it plays. | |
Read/write |
Specifies the number of times an animation cycle is played. | |
Read/write |
Identifies one or more animation names. An animation name selects a CSS @keyframes at-rule. | |
Read/write |
Specifies whether an animation is playing or paused. | |
Read/write |
Specifies the intermediate property values to be used during a single cycle of an animation on a set of corresponding object properties identified in the CSS @keyframes at-rule specified by the animation-name property. | |
Read/write |
Gets or sets a value that specifies whether the back face (reverse side) of an object is visible. | |
Specifies up to five separate background properties of an object. | ||
Specifies how the background image (or images) is attached to the object within the document. | ||
Specifies the background painting area or areas relative to the element's bounding boxes. | ||
Specifies the color behind the content of the object. | ||
Specifies the background image or images of the object. | ||
Specifies the positioning area of an element or multiple elements. | ||
Specifies the position of the background of the object. | ||
Specifies the x-coordinate of the background-position property. | ||
Specifies the y-coordinate of the background-position property. | ||
Specifies whether and how the background image (or images) is tiled. | ||
Specifies the size of the background images. | ||
Sets or retrieves a value that indicates how the dominant baseline should be repositioned relative to the dominant baseline of the parent text content element. | ||
Sets or retrieves the location of the Dynamic HTML (DHTML) behaviorDHTML Behaviors. | ||
Specifies the properties of a border drawn around an object. | ||
Specifies the properties of the bottom border of the object. | ||
Specifies the foreground color of the bottom border of an object. | ||
Specifies the radii of the quarter ellipse that defines the shape of the lower-left corner for the outer border edge of the current box. | ||
Sets or retrieves one or two values that define the radii of the quarter ellipse that defines the shape of the lower-right corner for the outer border edge of the current box. | ||
Specifies the style of the bottom border of the object. | ||
Specifies the thickness of the bottom border of the object. | ||
Indicates whether the row and cell borders of a table are joined in a single border or detached as in standard HTML. | ||
Specifies the border color of the object. | ||
Specifies how an image is to be used in place of the border styles. | ||
Specifies the amount by which the border image area extends beyond the border box. | ||
Specifies if the sides of the border image are scaled or tiled. | ||
Using four inward offsets, this property slices the specified border image into a three by three grid: four corners, four edges, and a center. | ||
Specifies the location of the image to be used for the border. | ||
Specifies the width/height of the border image by defining inward offsets from the edges of the border image area. | ||
Specifies the properties of the left border of the object. | ||
Specifies the foreground color of the left border of an object. | ||
Sets or retrieves the style of the left border of the object. | ||
Specifies the thickness of the left border of the object. | ||
Specifies the radii of a quarter ellipse that defines the shape of the corners for the outer border edge of the current box. | ||
Specifies the properties of the right border of the object. | ||
Specifies the foreground color of the right border of an object. | ||
Specifies the style of the right border of the object. | ||
Specifies the thickness of the right border of the object. | ||
Specifies the distance between the borders of adjoining cells in a table. | ||
Specifies the style of the left, right, top, and bottom borders of the object. | ||
Specifies the properties of the top border of the object. | ||
Specifies the foreground color of the top border of an object. | ||
Sets or retrieves one or two values that define the radii of the quarter ellipse that defines the shape of the upper-left corner for the outer border edge of the current box. | ||
Sets or retrieves one or two values that define the radii of the quarter ellipse that defines the shape of the upper-right corner for the outer border edge of the current box. | ||
Specifies the style of the top border of the object. | ||
Specifies the thickness of the top border of the object. | ||
Specifies the thicknesses of the left, right, top, and bottom borders of an object. | ||
Sets or retrieves the bottom position of the object in relation to the bottom of the next positioned object in the document hierarchy. | ||
Specifies one or more set of shadow values that attaches one or more drop shadows to the current box. | ||
Specifies the box model to use for object sizing. | ||
Read/write |
Gets or sets the column-break behavior that follows a content block in a multi-column element. | |
Read/write |
Gets or sets the column-break behavior that precedes a content block in a multi-column element. | |
Read/write |
Gets or sets the column-break behavior that occurs within a content block in a multi-column element. | |
Specifies whether the object allows floating objects on its left side, right side, or both, so that the next text displays past the floating objects. | ||
Read/write |
Specifies which part of a positioned object is visible. | |
Gets the bottom coordinate of the object clipping region. | ||
Gets the left coordinate of the object clipping region. | ||
Sets or retrieves a reference to the SVG graphical object that will be used as the clipping path. | ||
Gets the right coordinate of the object clipping region. | ||
Read/write |
Specifies the algorithm used to determine what parts of the canvas are affected by the fill operation. | |
Read-only |
Gets the top coordinate of the object clipping region. | |
The foreground color of the text of an object. | ||
Read/write |
Specifies which color space to use for filter effects. | |
Read/write |
Gets or sets the optimal number of columns in a multi-column element. | |
Read/write |
Gets or sets a value that indicates how the column lengths in a multi-column element are affected by the content flow. | |
Read/write |
Gets or sets the width of the gap between columns in a multi-column element. | |
Read/write |
Gets or sets a shorthand value that specifies values for the columnRuleWidth, columnRuleStyle, and the columnRuleColor of a multi-column element. | |
Read/write |
Gets or sets the color for all column rules in a multi-column element. | |
Read/write |
Gets or sets the style for all column rules in a multi-column element. | |
Read/write |
Gets or sets the width of all column rules in a multi-column element. | |
Read/write |
Gets or sets a shorthand value that specifies values for the column-width and the column-count of a multi-column element. | |
Read/write |
Gets or sets the number of columns that a content block spans in a multi-column element. | |
Read/write |
Gets or sets the optimal width of the columns in a multi-column element. | |
Specifies generated content to insert before or after an element. | ||
Sets or retrieves a list of counters to increment. | ||
Sets or retrieves a list of counters to create or reset to zero. | ||
Sets or retrieves a value that specifies whether a box should float to the left, right, or not at all. | ||
Read/write |
Sets or retrieves the persisted representation of the style rule. | |
Specifies the type of cursor to display as the mouse pointer moves over the object. | ||
Specifies the reading order of the object. | ||
Gets or sets a value that indicates whether and how the object is rendered. | ||
Sets or retrieves a value that determines or redetermines a scaled-baseline table. | ||
Determines whether to show or hide a cell without content. | ||
Read/write |
Allocate a shared background image all graphic elements within a container. | |
Sets or retrieves a value that indicates the color to paint the interior of the given graphical element. | ||
Sets or retrieves a value that specifies the opacity of the painting operation that is used to paint the interior of the current object. | ||
Sets or retrieves a value that indicates the algorithm that is to be used to determine what parts of the canvas are included inside the shape. | ||
Sets or retrieves the filter or collection of filters that are applied to the object. | ||
Read/write |
The filter property is generally used to apply a previously define filter to an applicable element. | |
A shorthand property that specifies the parameter values of a flexible length, the positive and negative flexibility, and the preferred size specified by the flex-grow, flex-shrink, and flex-basis properties. | ||
Read/write |
Specifies the initial main size of the flex item. | |
Read/write |
Specifies the direction of the main axis which specifies how the flex items are displayed in the flex container. | |
Read/write |
Shorthand property to specify both the flex-direction and flex-wrap properties of a flex container. | |
Read/write |
Sets the flex grow factor for the flex item. | |
Read/write |
Specifies the flex shrink factor for the flex item. | |
Read/write |
Specifies whether flex items wrap and the direction they wrap onto multiple lines or columns based on the space available in the flex container. | |
Read/write |
Specifies the color used to flood the current filter-primitive subregion. | |
Read/write |
Specifies the opacity value to use with feFlood elements. | |
Specifies a combination of separate font properties of the object. Alternatively, sets or retrieves one or more of six user-preference fonts. | ||
Specifies the name of the font used for text in the object. | ||
Read/write |
Specifies one or more values that specify glyph substitution and positioning in fonts that include OpenType layout features. | |
Specifies a value that indicates the font size used for text in the object. | ||
Specifies a value that indicates a normal, condensed, or expanded face of a font family. | ||
Specifies the font style of the object as italic, normal, or oblique. | ||
Specifies whether the text of the object is in small capital letters. | ||
Specifies the weight of the font of the object. | ||
Sets or retrieves a value that alters the orientation of a sequence of characters relative to an inline-progression-direction of horizontal. | ||
Sets or retrieves a value that alters the orientation of a sequence of characters relative to an inline-progression-direction of vertical. | ||
Sets or retrieves the height of the object. | ||
Specifies the state of an IME. | ||
Read/write |
Specifies a how flex items are aligned along the main axis of the flex container after any flexible lengths and auto margins are resolved. | |
Gets or sets a value that indicates whether Internet Explorer should adjust inter-glyph spacing based on kerning tables that are included in the relevant font (that is, enable auto-kerning) or instead disable auto-kerning and set inter-character spacing to a specific length (typically zero). | ||
Specifies the direction and flow of the content in the object. | ||
Specifies the composite document grid properties that specify the layout of text characters. | ||
Specifies the size of the character grid used for rendering the text content of an element. | ||
Specifies the gridline value used for rendering the text content of an element. | ||
Specifies whether the text layout grid uses two dimensions. | ||
Specifies the type of grid used for rendering the text content of an element. | ||
Sets or retrieves the position of the object relative to the left edge of the next positioned object in the document hierarchy. | ||
Retrieves the number of properties that are explicitly set on the parent object. | ||
Specifies the amount of additional space between letters in the object. | ||
Read/write |
Defines the color of the light source for filter primitives feDiffuseLighting and feSpecularLighting. | |
Specifies line-breaking rules for text in selected languages such as Japanese, Chinese, and Korean. | ||
Sets or retrieves the distance between lines in the object. | ||
Sets or retrieves up to three separate list-style properties of the object. | ||
Sets or retrieves a value that indicates which image to use as a list-item marker for the object. | ||
Sets or retrieves a variable that indicates how the list-item marker is drawn relative to the content of the object. | ||
Sets or retrieves the predefined type of the line-item marker for the object. | ||
Sets or retrieves the width of the top, right, bottom, and left margins of the object. | ||
Sets or retrieves the height of the bottom margin of the object. | ||
Sets or retrieves the width of the left margin of the object. | ||
Sets or retrieves the width of the right margin of the object. | ||
Sets or retrieves the height of the top margin of the object. | ||
Sets or retrieves a value that specifies the marker symbol that is used for all vertices on the given path element or basic shape. | ||
Sets or retrieves a value that defines the arrowhead or polymarker that is drawn at the final vertex of a given path element or basic shape. | ||
Sets or retrieves a value that defines the arrowhead or polymarker that is drawn at every other vertex (that is, every vertex except the first and last) of a given path element or basic shape. | ||
Sets or retrieves a value that defines the arrowhead or polymarker that is drawn at the first vertex of a given path element or basic shape. | ||
Sets or retrieves a value that indicates a SVG mask. | ||
Sets or retrieves the maximum height for an element. | ||
Sets or retrieves the maximum width for an element. | ||
Specifies the minimum height for an element. | ||
Sets or retrieves the minimum width for an element. | ||
Specifies the block progression and layout orientation. | ||
Read/write |
Specifies the zoom behavior that occurs when a user hits the zoom limit during a manipulation. | |
Read/write |
Specifies whether zooming is enabled. | |
Read/write |
Specifies values for the -ms-content-zoom-limit-min and the -ms-content-zoom-limit-max properties. | |
Read/write |
Specifies the maximum zoom factor. | |
Read/write |
Specifies the minimum zoom factor. | |
Read/write |
Specifies values for the -ms-content-zoom-snap-type and the -ms-content-zoom-snap-points properties. | |
Read/write |
Defines where zoom snap-points are located. | |
Read/write |
Specifies how zooming is affected by defined snap-points. | |
Read/write |
Gets or sets a value that identifies a region container in the document that accepts the content flow from the data source. | |
Read/write |
Gets or sets a value that identifies an iframe container in the document that serves as the region's data source. | |
Read/write |
Gets or sets a value that specifies in which column of the grid to place the object. | |
Read/write |
Gets or sets a value that specifies the horizontal alignment of the object within the grid column. | |
Read/write |
Gets or sets one or more values that specify the width of each grid column within the object. | |
Read-only |
Gets or sets a value that specifies the number of columns of the grid that the object spans. | |
Read/write |
Gets or sets a value that specifies in which row of the grid to place the object. | |
Read/write |
Gets or sets a value that specifies the vertical alignment of the object within the grid row. | |
Read/write |
Gets or sets one or more values that specify the height of each grid row within the object. | |
Read/write |
Gets or sets a value that specifies the number of rows of the grid that the object spans. | |
Read/write |
Gets or sets a value that indicates whether to override any CSS properties that would have been set in high contrast mode. | |
Read/write |
Specifies one to three values that indicates the minimum number of characters in a hyphenated word. | |
Read/write |
Specifies a value that indicates the maximum number of consecutive lines in an element that may be ended with a hyphenated word. | |
Read/write |
Specifies a value that defines the width of the hyphenation zone. | |
Read/write |
Specifies a value that indicates whether additional break opportunities for the current line are created by hyphenating individual words within the line. | |
Aligns the IME candidate window box relative to the element on which the IME composition is active. | ||
Obsolete. Gets or sets the interpolation (resampling) method used to stretch images. | ||
Read/write |
Gets or sets the scrolling behavior for elements that overflow. | |
Read/write |
This property is obsolete. Use animation-name instead. | |
Read/write |
Specifies the scrolling behavior that occurs when a user hits the scroll limit during a manipulation. | |
Read/write |
Specifies values for the -ms-scroll-limit-x-min, -ms-scroll-limit-y-min, -ms-scroll-limit-x-max, and -ms-scroll-limit-y-max properties. | |
Read/write |
Specifies the maximum value for the scrollLeft property. | |
Read/write |
Specifies the minimum value for the scrollLeft property. | |
Read/write |
Specifies the maximum value for the scrollTop property. | |
Read/write |
Specifies the minimum value for the scrollTop property. | |
Read/write |
Specifies whether scrolling locks to the primary axis of motion. | |
Read/write |
Defines where snap-points will be located along the x-axis. | |
Read/write |
Defines where snap-points will be located along the y-axis. | |
Read/write |
Specifies what type of snap-point should be used for the current element. | |
Read/write |
Specifies values for the -ms-scroll-snap-type and -ms-scroll-snap-points-x properties. | |
Read/write |
Specifies values for the -ms-scroll-snap-type and -ms-scroll-snap-points-y properties. | |
Read/write |
Specifies whether vertical-to-horizontal scroll wheel translation occurs on the specified element. | |
Read/write |
Allows for the combination of multiple characters into the space of a single character in vertical writing modes. | |
Adjusts the text size on a webpage on IE for Windows Phone. | ||
Read/write |
Toggles the "gripper" visual elements that enable touch text selection. | |
Read/write |
Specifies a keyword value that indicates where users are able to select text within an element. | |
Read/write |
Gets or sets a value that specifies how exclusions impact inline content within block-level elements. | |
Read/write |
Gets or sets a value that is used to offset the inner wrap shape from other shapes. | |
Read/write |
Gets or sets a value that specifies how content should wrap around an exclusion element. | |
Gets or sets a value that specifies object or group opacity in CSS or SVG. | ||
Read/write |
Specifies the order in which a flex item within a flex container is displayed. | |
Sets or retrieves the minimum number of lines of a paragraph that must appear at the bottom of a page. | ||
Specifies the style of the outline frame. | ||
Sets or retrieves a value indicating how to manage the content of the object when the content exceeds the height or width of the object. | ||
Sets or retrieves how to manage the content of the object when the content exceeds the width of the object. | ||
Sets or retrieves how to manage the content of the object when the content exceeds the height of the object. | ||
Sets or retrieves the amount of space to insert between the object and its margin or, if there is a border, between the object and its border. | ||
Sets or retrieves the amount of space to insert between the bottom border of the object and the content. | ||
Sets or retrieves the amount of space to insert between the left border of the object and the content. | ||
Sets or retrieves the amount of space to insert between the right border of the object and the content. | ||
Sets or retrieves the amount of space to insert between the top border of the object and the content. | ||
Sets or retrieves a value indicating whether a page break occurs after the object. | ||
Defines whether a page break occurs before the object. | ||
Sets or retrieves a string indicating whether a page break is allowed to occur inside the object. | ||
Retrieves the containing rule, if the current rule is contained inside another rule. | ||
Read/write |
Gets or sets a value that represents the perspective from which all child elements of the object are viewed. | |
Read/write |
Gets or sets one or two values that represent the origin (the vanishing point for the 3-D space) of an object with an perspective property declaration. | |
Sets or retrieves a value that specifies under what circumstances a given graphics element can be the target element for a pointer event in SVG. Starting with IE11, this property also has basic support for HTML elements (see "Remarks" section). | ||
Sets or retrieves the type of positioning used for the object. | ||
Sets or retrieves the pairs of strings to be used as quotes in generated content. | ||
Sets or retrieves the position of the object relative to the right edge of the next positioned object in the document hierarchy. | ||
Gets or sets a value that indicates how to align the ruby text content. | ||
Gets or sets a value that indicates whether, and on which side, ruby text is allowed to partially overhang any adjacent text in addition to its own base, when the ruby text is wider than the ruby base | ||
Gets or sets a value that controls the position of the ruby text with respect to its base. | ||
Specifies the color of the top and left edges of the scroll box and scroll arrows of a scroll bar. | ||
Specifies the color of the arrow elements of a scroll arrow. | ||
Specifies the color of the gutter of a scroll bar. | ||
Specifies the color of the scroll box and scroll arrows of a scroll bar. | ||
Specifies the color of the slider tray, and the top and left edges of the scroll box and scroll arrows of a scroll bar. | ||
Specifies the color of the bottom and right edges of the scroll box and scroll arrows of a scroll bar. | ||
Specifies the color of the track element of a scroll bar. | ||
Sets or retrieves a value that indicates what color to use at the current gradient stop. | ||
Sets or retrieves a value that defines the opacity of the current gradient stop. | ||
Sets or retrieves a value that indicates the color to paint along the outline of a given graphical element. | ||
Sets or retrieves one or more values that indicate the pattern of dashes and gaps used to stroke paths. | ||
Sets or retrieves a value that specifies the distance into the dash pattern to start the dash. | ||
Sets or retrieves a value that specifies the shape to be used at the end of open subpaths when they are stroked. | ||
Sets or retrieves a value that specifies the shape to be used at the corners of paths or basic shapes when they are stroked. | ||
Sets or retrieves a value that indicates the limit on the ratio of the length of miter joins (as specified in the strokeLinejoin property). | ||
Sets or retrieves a value that specifies the opacity of the painting operation that is used to stroke the current object. | ||
Sets or retrieves a value that specifies the width of the stroke on the current object. | ||
Sets or retrieves on which side of the object the text will flow. | ||
Sets or retrieves a string that indicates whether the table layout is fixed. | ||
Specifies whether the text in the object is left-aligned, right-aligned, centered, or justified. | ||
Specifies a value that indicates how to align the last line or only line of text in the specified object. | ||
Read/write |
Aligns a string of text relative to the specified point. | |
Specifies the autospacing and narrow space width adjustment of text. | ||
Specifies a value that indicates whether the text in the object has blink, line-through, overline, or underline decorations. | ||
Specifies the indentation of the first line of text in the object. This property is not supported for Windows Store apps using JavaScript. | ||
Specifies the type of alignment used to justify text in the object. | ||
Deprecated. Specifies the ratio of kashida expansion to white space expansion when justifying lines of text in the object. | ||
Specifies a value that indicates whether to render ellipses (...) to indicate text overflow. | ||
Read/write |
Specifies a comma-separated list of shadows that attaches one or more drop shadows to the specified text. | |
Specifies the rendering of the text in the object. | ||
Specifies the position of the underline decoration that is set through the text-decoration property of the object. | ||
Sets or retrieves the position of the object relative to the top of the next positioned object in the document hierarchy. | ||
Read/write |
Specifies whether and how a given region can be manipulated by the user (for instance, by panning or zooming). | |
Read/write |
Gets or sets a list of one or more transform functions that specify how to translate, rotate, or scale an element in 2-D or 3-D space. | |
Read/write |
Gets or sets one or two values that establish the origin of transformation for an element. | |
Read/write |
Gets or sets a value that specifies how child elements of the object are rendered in 3-D space. | |
Read/write |
Gets or sets one or more shorthand values that specify the transition properties for a set of corresponding object properties identified in the transition-property property. | |
Read/write |
Gets or sets one or more values that specify the offset within a transition (the amount of time from the start of a transition) before the transition is displayed for a set of corresponding object properties identified in the transition property. | |
Read/write |
Gets or sets one or more values that specify the durations of transitions on a set of corresponding object properties identified in the transition-property property. | |
Read/write |
Gets or sets a value that identifies the CSS property name or names to which the transition effect (defined by the transition-duration, transition-timing-function, and transition-delay properties) is applied when a new property value is specified. | |
Read/write |
Gets or sets one or more values that specify the intermediate property values to be used during a transition on a set of corresponding object properties identified in the transition-property property. | |
Read/write |
Specifies the level of embedding with respect to the bidirectional algorithm. | |
Sets or retrieves the vertical alignment of the object. | ||
Sets or retrieves whether the content of the object is displayed. | ||
Changes the appearance of an element to resemble native user interface controls. | ||
Specifies a value that indicates whether lines are automatically broken inside the object. | ||
Sets or retrieves the minimum number of lines of a paragraph that must appear at the top of a document. | ||
Specifies the width of the object. | ||
Specifies line-breaking behavior within words, particularly where multiple languages appear in the object. | ||
Specifies the amount of additional space between words in the object. | ||
Specifies whether to break words when the content exceeds the boundaries of its container. | ||
Specifies the direction and flow of the content in the object. | ||
Sets or retrieves the stacking order of positioned objects. | ||
Specifies the magnification scale of the object. |
Standards information
Remarks
This object may be used to determine the style properties currently set in a block or to set style properties explicitly within the block.
See also