Chrome DevTools

CSS Domain

This domain exposes CSS read/write operations. All CSS objects (stylesheets, rules, and styles) have an associated id used in subsequent operations on the related object. Each object type has a specific id structure, and those are not interchangeable between objects of different kinds. CSS objects can be loaded using the get*ForNode() calls (which accept a DOM node id). A client can also keep track of stylesheets via the styleSheetAdded/styleSheetRemoved events and subsequently load the required stylesheet contents using the getStyleSheet[Text]() methods.

Experimental

Methods

Events

Types

Methods

Chrome DevTools

CSS.addRule #

Inserts a new rule with the given ruleText in a stylesheet with given styleSheetId, at the position specified by location.

Parameters

styleSheetId
StyleSheetId

The css style sheet identifier where a new rule should be inserted.

ruleText
string

The text of a new rule.

location
SourceRange

Text position of a new rule in the target style sheet.

nodeForPropertySyntaxValidation
Optional
DOM.NodeId

NodeId for the DOM node in whose context custom property declarations for registered properties should be validated. If omitted, declarations in the new rule text can only be validated statically, which may produce incorrect results if the declaration contains a var() for example.

Experimental

Return object

rule
CSSRule

The newly created rule.


Chrome DevTools

CSS.collectClassNames #

Returns all class names from specified stylesheet.

Parameters

styleSheetId

Return object

classNames
array[ string ]

Class name list.


Chrome DevTools

CSS.createStyleSheet #

Creates a new special "via-inspector" stylesheet in the frame with given frameId.

Parameters

frameId
Page.FrameId

Identifier of the frame where "via-inspector" stylesheet should be created.

Return object

styleSheetId
StyleSheetId

Identifier of the created "via-inspector" stylesheet.


Chrome DevTools

CSS.disable #

Disables the CSS agent for the given page.


Chrome DevTools

CSS.enable #

Enables the CSS agent for the given page. Clients should not assume that the CSS agent has been enabled until the result of this command is received.


Chrome DevTools

CSS.forcePseudoState #

Ensures that the given node will have specified pseudo-classes whenever its style is computed by the browser.

Parameters

nodeId
DOM.NodeId

The element id for which to force the pseudo state.

forcedPseudoClasses
array[ string ]

Element pseudo classes to force when computing the element's style.


Chrome DevTools

CSS.getBackgroundColors #

Parameters

nodeId
DOM.NodeId

Id of the node to get background colors for.

Return object

backgroundColors
Optional
array[ string ]

The range of background colors behind this element, if it contains any visible text. If no visible text is present, this will be undefined. In the case of a flat background color, this will consist of simply that color. In the case of a gradient, this will consist of each of the color stops. For anything more complicated, this will be an empty array. Images will be ignored (as if the image had failed to load).

computedFontSize
Optional
string

The computed font size for this node, as a CSS computed value string (e.g. '12px').

computedFontWeight
Optional
string

The computed font weight for this node, as a CSS computed value string (e.g. 'normal' or '100').


Chrome DevTools

CSS.getComputedStyleForNode #

Returns the computed style for a DOM node identified by nodeId.

Parameters

nodeId

Return object

computedStyle
array[ CSSComputedStyleProperty ]

Computed style for the specified DOM node.


Chrome DevTools

CSS.getInlineStylesForNode #

Returns the styles defined inline (explicitly in the "style" attribute and implicitly, using DOM attributes) for a DOM node identified by nodeId.

Parameters

nodeId

Return object

inlineStyle
Optional
CSSStyle

Inline style for the specified DOM node.

attributesStyle
Optional
CSSStyle

Attribute-defined element style (e.g. resulting from "width=20 height=100%").


Chrome DevTools

CSS.getMatchedStylesForNode #

Returns requested styles for a DOM node identified by nodeId.

Parameters

nodeId

Return object

inlineStyle
Optional
CSSStyle

Inline style for the specified DOM node.

attributesStyle
Optional
CSSStyle

Attribute-defined element style (e.g. resulting from "width=20 height=100%").

matchedCSSRules
Optional
array[ RuleMatch ]

CSS rules matching this node, from all applicable stylesheets.

pseudoElements
Optional
array[ PseudoElementMatches ]

Pseudo style matches for this node.

inherited
Optional
array[ InheritedStyleEntry ]

A chain of inherited styles (from the immediate node parent up to the DOM tree root).

inheritedPseudoElements
Optional
array[ InheritedPseudoElementMatches ]

A chain of inherited pseudo element styles (from the immediate node parent up to the DOM tree root).

cssKeyframesRules
Optional
array[ CSSKeyframesRule ]

A list of CSS keyframed animations matching this node.

cssPositionFallbackRules
Optional
array[ CSSPositionFallbackRule ]

A list of CSS position fallbacks matching this node.

Deprecated
cssPositionTryRules
Optional
array[ CSSPositionTryRule ]

A list of CSS @position-try rules matching this node, based on the position-try-options property.

cssPropertyRules
Optional
array[ CSSPropertyRule ]

A list of CSS at-property rules matching this node.

cssPropertyRegistrations
Optional
array[ CSSPropertyRegistration ]

A list of CSS property registrations matching this node.

cssFontPaletteValuesRule
Optional
CSSFontPaletteValuesRule

A font-palette-values rule matching this node.

parentLayoutNodeId
Optional
DOM.NodeId

Id of the first parent element that does not have display: contents.

Experimental

Chrome DevTools

CSS.getMediaQueries #

Returns all media queries parsed by the rendering engine.

Return object

medias
array[ CSSMedia ]

Chrome DevTools

CSS.getPlatformFontsForNode #

Requests information about platform fonts which we used to render child TextNodes in the given node.

Parameters

nodeId

Return object

fonts
array[ PlatformFontUsage ]

Usage statistics for every employed platform font.


Chrome DevTools

CSS.getStyleSheetText #

Returns the current textual content for a stylesheet.

Parameters

styleSheetId

Return object

text
string

The stylesheet text.


Chrome DevTools

CSS.setEffectivePropertyValueForNode #

Find a rule with the given active property for the given node and set the new value for this property

Parameters

nodeId
DOM.NodeId

The element id for which to set property.

propertyName
string
value
string

Chrome DevTools

CSS.setKeyframeKey #

Modifies the keyframe rule key text.

Parameters

styleSheetId
keyText
string

Return object

keyText
Value

The resulting key text after modification.


Chrome DevTools

CSS.setMediaText #

Modifies the rule selector.

Parameters

styleSheetId
text
string

Return object

media
CSSMedia

The resulting CSS media rule after modification.


Chrome DevTools

CSS.setPropertyRulePropertyName #

Modifies the property rule property name.

Parameters

styleSheetId
propertyName
string

Return object

propertyName
Value

The resulting key text after modification.


Chrome DevTools

CSS.setRuleSelector #

Modifies the rule selector.

Parameters

styleSheetId
selector
string

Return object

selectorList
SelectorList

The resulting selector list after modification.


Chrome DevTools

CSS.setStyleSheetText #

Sets the new stylesheet text.

Parameters

styleSheetId
text
string

Return object

sourceMapURL
Optional
string

URL of source map associated with script (if any).


Chrome DevTools

CSS.setStyleTexts #

Applies specified style edits one after another in the given order.

Parameters

edits
nodeForPropertySyntaxValidation
Optional
DOM.NodeId

NodeId for the DOM node in whose context custom property declarations for registered properties should be validated. If omitted, declarations in the new rule text can only be validated statically, which may produce incorrect results if the declaration contains a var() for example.

Experimental

Return object

styles
array[ CSSStyle ]

The resulting styles after modification.


Chrome DevTools

CSS.startRuleUsageTracking #

Enables the selector recording.


Chrome DevTools

CSS.stopRuleUsageTracking #

Stop tracking rule usage and return the list of rules that were used since last call to takeCoverageDelta (or since start of coverage instrumentation).

Return object

ruleUsage
array[ RuleUsage ]

Chrome DevTools

CSS.takeCoverageDelta #

Obtain list of rules that became used since last call to this method (or since start of coverage instrumentation).

Return object

coverage
array[ RuleUsage ]
timestamp
number

Monotonically increasing time, in seconds.


Chrome DevTools

CSS.getLayersForNode Experimental#

Returns all layers parsed by the rendering engine for the tree scope of a node. Given a DOM element identified by nodeId, getLayersForNode returns the root layer for the nearest ancestor document or shadow root. The layer root contains the full layer tree for the tree scope and their ordering.

Parameters

nodeId

Return object

rootLayer

Chrome DevTools

CSS.getLocationForSelector Experimental#

Given a CSS selector text and a style sheet ID, getLocationForSelector returns an array of locations of the CSS selector in the style sheet.

Parameters

styleSheetId
selectorText
string

Return object

ranges
array[ SourceRange ]

Chrome DevTools

CSS.setContainerQueryText Experimental#

Modifies the expression of a container query.

Parameters

styleSheetId
text
string

Return object

containerQuery
CSSContainerQuery

The resulting CSS container query rule after modification.


Chrome DevTools

CSS.setLocalFontsEnabled Experimental#

Enables/disables rendering of local CSS fonts (enabled by default).

Parameters

enabled
boolean

Whether rendering of local fonts is enabled.


Chrome DevTools

CSS.setScopeText Experimental#

Modifies the expression of a scope at-rule.

Parameters

styleSheetId
text
string

Return object

scope
CSSScope

The resulting CSS Scope rule after modification.


Chrome DevTools

CSS.setSupportsText Experimental#

Modifies the expression of a supports at-rule.

Parameters

styleSheetId
text
string

Return object

supports
CSSSupports

The resulting CSS Supports rule after modification.


Chrome DevTools

CSS.takeComputedStyleUpdates Experimental#

Polls the next batch of computed style updates.

Return object

nodeIds
array[ DOM.NodeId ]

The list of node Ids that have their tracked computed styles updated.


Chrome DevTools

CSS.trackComputedStyleUpdates Experimental#

Starts tracking the given computed styles for updates. The specified array of properties replaces the one previously specified. Pass empty array to disable tracking. Use takeComputedStyleUpdates to retrieve the list of nodes that had properties modified. The changes to computed style properties are only tracked for nodes pushed to the front-end by the DOM agent. If no changes to the tracked properties occur after the node has been pushed to the front-end, no updates will be issued for the node.

Parameters

propertiesToTrack

Events

Chrome DevTools

CSS.fontsUpdated #

Fires whenever a web font is updated. A non-empty font parameter indicates a successfully loaded web font.

Parameters

font
Optional
FontFace

The web font that has loaded.


Chrome DevTools

CSS.mediaQueryResultChanged #

Fires whenever a MediaQuery result changes (for example, after a browser window has been resized.) The current implementation considers only viewport-dependent media features.


Chrome DevTools

CSS.styleSheetAdded #

Fired whenever an active document stylesheet is added.

Parameters

header
CSSStyleSheetHeader

Added stylesheet metainfo.


Chrome DevTools

CSS.styleSheetChanged #

Fired whenever a stylesheet is changed as a result of the client operation.

Parameters

styleSheetId

Chrome DevTools

CSS.styleSheetRemoved #

Fired whenever an active document stylesheet is removed.

Parameters

styleSheetId
StyleSheetId

Identifier of the removed stylesheet.

Types

Chrome DevTools

CSS.CSSComputedStyleProperty #

Type: object

Properties

name
string

Computed style property name.

value
string

Computed style property value.


Chrome DevTools

CSS.CSSFontPaletteValuesRule #

CSS font-palette-values rule representation.

Type: object

Properties

styleSheetId
Optional
StyleSheetId

The css style sheet identifier (absent for user agent stylesheet and user-specified stylesheet rules) this rule came from.

origin
StyleSheetOrigin

Parent stylesheet's origin.

fontPaletteName
Value

Associated font palette name.

style
CSSStyle

Associated style declaration.


Chrome DevTools

CSS.CSSKeyframeRule #

CSS keyframe rule representation.

Type: object

Properties

styleSheetId
Optional
StyleSheetId

The css style sheet identifier (absent for user agent stylesheet and user-specified stylesheet rules) this rule came from.

origin
StyleSheetOrigin

Parent stylesheet's origin.

keyText
Value

Associated key text.

style
CSSStyle

Associated style declaration.


Chrome DevTools

CSS.CSSKeyframesRule #

CSS keyframes rule representation.

Type: object

Properties

animationName
Value

Animation name.

keyframes
array[ CSSKeyframeRule ]

List of keyframes.


Chrome DevTools

CSS.CSSMedia #

CSS media rule descriptor.

Type: object

Properties

text
string

Media query text.

source
string

Source of the media query: "mediaRule" if specified by a @media rule, "importRule" if specified by an @import rule, "linkedSheet" if specified by a "media" attribute in a linked stylesheet's LINK tag, "inlineSheet" if specified by a "media" attribute in an inline stylesheet's STYLE tag.

Allowed values: mediaRule, importRule, linkedSheet, inlineSheet

sourceURL
Optional
string

URL of the document containing the media query description.

range
Optional
SourceRange

The associated rule (@media or @import) header range in the enclosing stylesheet (if available).

styleSheetId
Optional
StyleSheetId

Identifier of the stylesheet containing this object (if exists).

mediaList
Optional
array[ MediaQuery ]

Array of media queries.


Chrome DevTools

CSS.CSSPositionTryRule #

CSS @position-try rule representation.

Type: object

Properties

name
Value

The prelude dashed-ident name

styleSheetId
Optional
StyleSheetId

The css style sheet identifier (absent for user agent stylesheet and user-specified stylesheet rules) this rule came from.

origin
StyleSheetOrigin

Parent stylesheet's origin.

style
CSSStyle

Associated style declaration.


Chrome DevTools

CSS.CSSProperty #

CSS property declaration data.

Type: object

Properties

name
string

The property name.

value
string

The property value.

important
Optional
boolean

Whether the property has "!important" annotation (implies false if absent).

implicit
Optional
boolean

Whether the property is implicit (implies false if absent).

text
Optional
string

The full property text as specified in the style.

parsedOk
Optional
boolean

Whether the property is understood by the browser (implies true if absent).

disabled
Optional
boolean

Whether the property is disabled by the user (present for source-based properties only).

range
Optional
SourceRange

The entire property range in the enclosing style declaration (if available).

longhandProperties
Optional
array[ CSSProperty ]

Parsed longhand components of this property if it is a shorthand. This field will be empty if the given property is not a shorthand.

Experimental

Chrome DevTools

CSS.CSSPropertyRegistration #

Representation of a custom property registration through CSS.registerProperty

Type: object

Properties

propertyName
string
initialValue
Optional
inherits
boolean
syntax
string

Chrome DevTools

CSS.CSSPropertyRule #

CSS property at-rule representation.

Type: object

Properties

styleSheetId
Optional
StyleSheetId

The css style sheet identifier (absent for user agent stylesheet and user-specified stylesheet rules) this rule came from.

origin
StyleSheetOrigin

Parent stylesheet's origin.

propertyName
Value

Associated property name.

style
CSSStyle

Associated style declaration.


Chrome DevTools

CSS.CSSRule #

CSS rule representation.

Type: object

Properties

styleSheetId
Optional
StyleSheetId

The css style sheet identifier (absent for user agent stylesheet and user-specified stylesheet rules) this rule came from.

selectorList
SelectorList

Rule selector data.

nestingSelectors
Optional
array[ string ]

Array of selectors from ancestor style rules, sorted by distance from the current rule.

Experimental
origin
StyleSheetOrigin

Parent stylesheet's origin.

style
CSSStyle

Associated style declaration.

media
Optional
array[ CSSMedia ]

Media list array (for rules involving media queries). The array enumerates media queries starting with the innermost one, going outwards.

containerQueries
Optional
array[ CSSContainerQuery ]

Container query list array (for rules involving container queries). The array enumerates container queries starting with the innermost one, going outwards.

Experimental
supports
Optional
array[ CSSSupports ]

@supports CSS at-rule array. The array enumerates @supports at-rules starting with the innermost one, going outwards.

Experimental
layers
Optional
array[ CSSLayer ]

Cascade layer array. Contains the layer hierarchy that this rule belongs to starting with the innermost layer and going outwards.

Experimental
scopes
Optional
array[ CSSScope ]

@scope CSS at-rule array. The array enumerates @scope at-rules starting with the innermost one, going outwards.

Experimental
ruleTypes
Optional
array[ CSSRuleType ]

The array keeps the types of ancestor CSSRules from the innermost going outwards.

Experimental

Chrome DevTools

CSS.CSSStyle #

CSS style representation.

Type: object

Properties

styleSheetId
Optional
StyleSheetId

The css style sheet identifier (absent for user agent stylesheet and user-specified stylesheet rules) this rule came from.

cssProperties
array[ CSSProperty ]

CSS properties in the style.

shorthandEntries
array[ ShorthandEntry ]

Computed values for all shorthands found in the style.

cssText
Optional
string

Style declaration text (if available).

range
Optional
SourceRange

Style declaration range in the enclosing stylesheet (if available).


Chrome DevTools

CSS.CSSStyleSheetHeader #

CSS stylesheet metainformation.

Type: object

Properties

styleSheetId
StyleSheetId

The stylesheet identifier.

frameId
Page.FrameId

Owner frame identifier.

sourceURL
string

Stylesheet resource URL. Empty if this is a constructed stylesheet created using new CSSStyleSheet() (but non-empty if this is a constructed stylesheet imported as a CSS module script).

sourceMapURL
Optional
string

URL of source map associated with the stylesheet (if any).

origin
StyleSheetOrigin

Stylesheet origin.

title
string

Stylesheet title.

ownerNode
Optional
DOM.BackendNodeId

The backend id for the owner node of the stylesheet.

disabled
boolean

Denotes whether the stylesheet is disabled.

hasSourceURL
Optional
boolean

Whether the sourceURL field value comes from the sourceURL comment.

isInline
boolean

Whether this stylesheet is created for STYLE tag by parser. This flag is not set for document.written STYLE tags.

isMutable
boolean

Whether this stylesheet is mutable. Inline stylesheets become mutable after they have been modified via CSSOM API. <link> element's stylesheets become mutable only if DevTools modifies them. Constructed stylesheets (new CSSStyleSheet()) are mutable immediately after creation.

isConstructed
boolean

True if this stylesheet is created through new CSSStyleSheet() or imported as a CSS module script.

startLine
number

Line offset of the stylesheet within the resource (zero based).

startColumn
number

Column offset of the stylesheet within the resource (zero based).

length
number

Size of the content (in characters).

endLine
number

Line offset of the end of the stylesheet within the resource (zero based).

endColumn
number

Column offset of the end of the stylesheet within the resource (zero based).

loadingFailed
Optional
boolean

If the style sheet was loaded from a network resource, this indicates when the resource failed to load

Experimental

Chrome DevTools

CSS.CSSTryRule #

CSS try rule representation.

Type: object

Properties

styleSheetId
Optional
StyleSheetId

The css style sheet identifier (absent for user agent stylesheet and user-specified stylesheet rules) this rule came from.

origin
StyleSheetOrigin

Parent stylesheet's origin.

style
CSSStyle

Associated style declaration.


Chrome DevTools

CSS.FontFace #

Properties of a web font: https://www.w3.org/TR/2008/REC-CSS2-20080411/fonts.html#font-descriptions and additional information such as platformFontFamily and fontVariationAxes.

Type: object

Properties

fontFamily
string

The font-family.

fontStyle
string

The font-style.

fontVariant
string

The font-variant.

fontWeight
string

The font-weight.

fontStretch
string

The font-stretch.

fontDisplay
string

The font-display.

unicodeRange
string

The unicode-range.

src
string

The src.

platformFontFamily
string

The resolved platform font family

fontVariationAxes
Optional
array[ FontVariationAxis ]

Available variation settings (a.k.a. "axes").


Chrome DevTools

CSS.FontVariationAxis #

Information about font variation axes for variable fonts

Type: object

Properties

tag
string

The font-variation-setting tag (a.k.a. "axis tag").

name
string

Human-readable variation name in the default language (normally, "en").

minValue
number

The minimum value (inclusive) the font supports for this tag.

maxValue
number

The maximum value (inclusive) the font supports for this tag.

defaultValue
number

The default value.


Chrome DevTools

CSS.InheritedPseudoElementMatches #

Inherited pseudo element matches from pseudos of an ancestor node.

Type: object

Properties

pseudoElements
array[ PseudoElementMatches ]

Matches of pseudo styles from the pseudos of an ancestor node.


Chrome DevTools

CSS.InheritedStyleEntry #

Inherited CSS rule collection from ancestor node.

Type: object

Properties

inlineStyle
Optional
CSSStyle

The ancestor node's inline style, if any, in the style inheritance chain.

matchedCSSRules
array[ RuleMatch ]

Matches of CSS rules matching the ancestor node in the style inheritance chain.


Chrome DevTools

CSS.MediaQuery #

Media query descriptor.

Type: object

Properties

expressions
array[ MediaQueryExpression ]

Array of media query expressions.

active
boolean

Whether the media query condition is satisfied.


Chrome DevTools

CSS.MediaQueryExpression #

Media query expression descriptor.

Type: object

Properties

value
number

Media query expression value.

unit
string

Media query expression units.

feature
string

Media query expression feature.

valueRange
Optional
SourceRange

The associated range of the value text in the enclosing stylesheet (if available).

computedLength
Optional
number

Computed length of media query expression (if applicable).


Chrome DevTools

CSS.PlatformFontUsage #

Information about amount of glyphs that were rendered with given font.

Type: object

Properties

familyName
string

Font's family name reported by platform.

postScriptName
string

Font's PostScript name reported by platform.

isCustomFont
boolean

Indicates if the font was downloaded or resolved locally.

glyphCount
number

Amount of glyphs that were rendered with this font.


Chrome DevTools

CSS.PseudoElementMatches #

CSS rule collection for a single pseudo style.

Type: object

Properties

pseudoType
DOM.PseudoType

Pseudo element type.

pseudoIdentifier
Optional
string

Pseudo element custom ident.

matches
array[ RuleMatch ]

Matches of CSS rules applicable to the pseudo style.


Chrome DevTools

CSS.RuleMatch #

Match data for a CSS rule.

Type: object

Properties

rule
CSSRule

CSS rule in the match.

matchingSelectors
array[ integer ]

Matching selector indices in the rule's selectorList selectors (0-based).


Chrome DevTools

CSS.RuleUsage #

CSS coverage information.

Type: object

Properties

styleSheetId
StyleSheetId

The css style sheet identifier (absent for user agent stylesheet and user-specified stylesheet rules) this rule came from.

startOffset
number

Offset of the start of the rule (including selector) from the beginning of the stylesheet.

endOffset
number

Offset of the end of the rule body from the beginning of the stylesheet.

used
boolean

Indicates whether the rule was actually used by some element in the page.


Chrome DevTools

CSS.SelectorList #

Selector list data.

Type: object

Properties

selectors
array[ Value ]

Selectors in the list.

text
string

Rule selector text.


Chrome DevTools

CSS.ShorthandEntry #

Type: object

Properties

name
string

Shorthand name.

value
string

Shorthand value.

important
Optional
boolean

Whether the property has "!important" annotation (implies false if absent).


Chrome DevTools

CSS.SourceRange #

Text range within a resource. All numbers are zero-based.

Type: object

Properties

startLine
integer

Start line of range.

startColumn
integer

Start column of range (inclusive).

endLine
integer

End line of range

endColumn
integer

End column of range (exclusive).


Chrome DevTools

CSS.StyleDeclarationEdit #

A descriptor of operation to mutate style declaration text.

Type: object

Properties

styleSheetId
StyleSheetId

The css style sheet identifier.

range
SourceRange

The range of the style text in the enclosing stylesheet.

text
string

New style text.


Chrome DevTools

CSS.StyleSheetId #

Type: string


Chrome DevTools

CSS.StyleSheetOrigin #

Stylesheet type: "injected" for stylesheets injected via extension, "user-agent" for user-agent stylesheets, "inspector" for stylesheets created by the inspector (i.e. those holding the "via inspector" rules), "regular" for regular stylesheets.

Type: string

Allowed values: injected, user-agent, inspector, regular


Chrome DevTools

CSS.Value #

Data for a simple selector (these are delimited by commas in a selector list).

Type: object

Properties

text
string

Value text.

range
Optional
SourceRange

Value range in the underlying resource (if available).

specificity
Optional
Specificity

Specificity of the selector.

Experimental

Chrome DevTools

CSS.CSSPositionFallbackRule Deprecated#

CSS position-fallback rule representation.

Type: object

Properties

name
tryRules
array[ CSSTryRule ]

List of keyframes.


Chrome DevTools

CSS.CSSContainerQuery Experimental#

CSS container query rule descriptor.

Type: object

Properties

text
string

Container query text.

range
Optional
SourceRange

The associated rule header range in the enclosing stylesheet (if available).

styleSheetId
Optional
StyleSheetId

Identifier of the stylesheet containing this object (if exists).

name
Optional
string

Optional name for the container.

physicalAxes
Optional
DOM.PhysicalAxes

Optional physical axes queried for the container.

logicalAxes
Optional
DOM.LogicalAxes

Optional logical axes queried for the container.


Chrome DevTools

CSS.CSSLayer Experimental#

CSS Layer at-rule descriptor.

Type: object

Properties

text
string

Layer name.

range
Optional
SourceRange

The associated rule header range in the enclosing stylesheet (if available).

styleSheetId
Optional
StyleSheetId

Identifier of the stylesheet containing this object (if exists).


Chrome DevTools

CSS.CSSLayerData Experimental#

CSS Layer data.

Type: object

Properties

name
string

Layer name.

subLayers
Optional
array[ CSSLayerData ]

Direct sub-layers

order
number

Layer order. The order determines the order of the layer in the cascade order. A higher number has higher priority in the cascade order.


Chrome DevTools

CSS.CSSRuleType Experimental#

Enum indicating the type of a CSS rule, used to represent the order of a style rule's ancestors. This list only contains rule types that are collected during the ancestor rule collection.

Type: string

Allowed values: MediaRule, SupportsRule, ContainerRule, LayerRule, ScopeRule, StyleRule


Chrome DevTools

CSS.CSSScope Experimental#

CSS Scope at-rule descriptor.

Type: object

Properties

text
string

Scope rule text.

range
Optional
SourceRange

The associated rule header range in the enclosing stylesheet (if available).

styleSheetId
Optional
StyleSheetId

Identifier of the stylesheet containing this object (if exists).


Chrome DevTools

CSS.CSSSupports Experimental#

CSS Supports at-rule descriptor.

Type: object

Properties

text
string

Supports rule text.

active
boolean

Whether the supports condition is satisfied.

range
Optional
SourceRange

The associated rule header range in the enclosing stylesheet (if available).

styleSheetId
Optional
StyleSheetId

Identifier of the stylesheet containing this object (if exists).


Chrome DevTools

CSS.Specificity Experimental#

Specificity: https://drafts.csswg.org/selectors/#specificity-rules

Type: object

Properties

a
integer

The a component, which represents the number of ID selectors.

b
integer

The b component, which represents the number of class selectors, attributes selectors, and pseudo-classes.

c
integer

The c component, which represents the number of type selectors and pseudo-elements.