Expand description
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.
Structs§
- Inserts a new rule with the given
ruleTextin a stylesheet with givenstyleSheetId, at the position specified bylocation. addRule - Inserts a new rule with the given
ruleTextin a stylesheet with givenstyleSheetId, at the position specified bylocation. addRule - Returns all class names from specified stylesheet. collectClassNames
- Returns all class names from specified stylesheet. collectClassNames
- Creates a new special “via-inspector” stylesheet in the frame with given
frameId. createStyleSheet - Creates a new special “via-inspector” stylesheet in the frame with given
frameId. createStyleSheet - CSS container query rule descriptor. CSSContainerQuery
- CSS font-palette-values rule representation. CSSFontPaletteValuesRule
- CSS keyframe rule representation. CSSKeyframeRule
- CSS keyframes rule representation. CSSKeyframesRule
- CSS Layer at-rule descriptor. CSSLayer
- CSS Layer data. CSSLayerData
- CSS media rule descriptor. CSSMedia
- CSS @position-try rule representation. CSSPositionTryRule
- CSS property declaration data. CSSProperty
- Representation of a custom property registration through CSS.registerProperty CSSPropertyRegistration
- CSS property at-rule representation. CSSPropertyRule
- CSS rule representation. CSSRule
- CSS Scope at-rule descriptor. CSSScope
- CSS style representation. CSSStyle
- CSS stylesheet metainformation. CSSStyleSheetHeader
- CSS Supports at-rule descriptor. CSSSupports
- CSS try rule representation. CSSTryRule
- Disables the CSS agent for the given page. disable
- Disables the CSS agent for the given page. disable
- 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. 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. enable
- Fires whenever a web font is updated. A non-empty font parameter indicates a successfully loaded web font. fontsUpdated
- Fires whenever a MediaQuery result changes (for example, after a browser window has been resized.) The current implementation considers only viewport-dependent media features. mediaQueryResultChanged
- Fired whenever an active document stylesheet is added. styleSheetAdded
- Fired whenever a stylesheet is changed as a result of the client operation. styleSheetChanged
- Fired whenever an active document stylesheet is removed. styleSheetRemoved
- 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. FontFace
- Information about font variation axes for variable fonts FontVariationAxis
- Ensures that the given node will have specified pseudo-classes whenever its style is computed by the browser. forcePseudoState
- Ensures that the given node will have specified pseudo-classes whenever its style is computed by the browser. forcePseudoState
- Returns the computed style for a DOM node identified by
nodeId. getComputedStyleForNode - Returns the computed style for a DOM node identified by
nodeId. getComputedStyleForNode - Returns the styles defined inline (explicitly in the “style” attribute and implicitly, using DOM attributes) for a DOM node identified by
nodeId. getInlineStylesForNode - Returns the styles defined inline (explicitly in the “style” attribute and implicitly, using DOM attributes) for a DOM node identified by
nodeId. getInlineStylesForNode - 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. getLayersForNode
- 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. getLayersForNode
- Given a CSS selector text and a style sheet ID, getLocationForSelector returns an array of locations of the CSS selector in the style sheet. getLocationForSelector
- Given a CSS selector text and a style sheet ID, getLocationForSelector returns an array of locations of the CSS selector in the style sheet. getLocationForSelector
- Returns requested styles for a DOM node identified by
nodeId. getMatchedStylesForNode - Returns requested styles for a DOM node identified by
nodeId. getMatchedStylesForNode - Returns all media queries parsed by the rendering engine. getMediaQueries
- Returns all media queries parsed by the rendering engine. getMediaQueries
- Requests information about platform fonts which we used to render child TextNodes in the given node. getPlatformFontsForNode
- Requests information about platform fonts which we used to render child TextNodes in the given node. getPlatformFontsForNode
- Returns the current textual content for a stylesheet. getStyleSheetText
- Returns the current textual content for a stylesheet. getStyleSheetText
- Inherited pseudo element matches from pseudos of an ancestor node. InheritedPseudoElementMatches
- Inherited CSS rule collection from ancestor node. InheritedStyleEntry
- Media query descriptor. MediaQuery
- Media query expression descriptor. MediaQueryExpression
- Information about amount of glyphs that were rendered with given font. PlatformFontUsage
- CSS rule collection for a single pseudo style. PseudoElementMatches
- Match data for a CSS rule. RuleMatch
- CSS coverage information. RuleUsage
- Selector list data. SelectorList
- Modifies the expression of a container query. setContainerQueryText
- Modifies the expression of a container query. setContainerQueryText
- Find a rule with the given active property for the given node and set the new value for this property setEffectivePropertyValueForNode
- Find a rule with the given active property for the given node and set the new value for this property setEffectivePropertyValueForNode
- Modifies the keyframe rule key text. setKeyframeKey
- Modifies the keyframe rule key text. setKeyframeKey
- Enables/disables rendering of local CSS fonts (enabled by default). setLocalFontsEnabled
- Enables/disables rendering of local CSS fonts (enabled by default). setLocalFontsEnabled
- Modifies the rule selector. setMediaText
- Modifies the rule selector. setMediaText
- Modifies the property rule property name. setPropertyRulePropertyName
- Modifies the property rule property name. setPropertyRulePropertyName
- Modifies the rule selector. setRuleSelector
- Modifies the rule selector. setRuleSelector
- Modifies the expression of a scope at-rule. setScopeText
- Modifies the expression of a scope at-rule. setScopeText
- Sets the new stylesheet text. setStyleSheetText
- Sets the new stylesheet text. setStyleSheetText
- Applies specified style edits one after another in the given order. setStyleTexts
- Applies specified style edits one after another in the given order. setStyleTexts
- Modifies the expression of a supports at-rule. setSupportsText
- Modifies the expression of a supports at-rule. setSupportsText
- Text range within a resource. All numbers are zero-based. SourceRange
- Specificity: https://drafts.csswg.org/selectors/#specificity-rules Specificity
- Enables the selector recording. startRuleUsageTracking
- Enables the selector recording. startRuleUsageTracking
- Stop tracking rule usage and return the list of rules that were used since last call to
takeCoverageDelta(or since start of coverage instrumentation). 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). stopRuleUsageTracking - A descriptor of operation to mutate style declaration text. StyleDeclarationEdit
- Polls the next batch of computed style updates. takeComputedStyleUpdates
- Polls the next batch of computed style updates. takeComputedStyleUpdates
- Obtain list of rules that became used since last call to this method (or since start of coverage instrumentation). takeCoverageDelta
- Obtain list of rules that became used since last call to this method (or since start of coverage instrumentation). takeCoverageDelta
- 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. trackComputedStyleUpdates
- 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. trackComputedStyleUpdates
- Data for a simple selector (these are delimited by commas in a selector list). Value
Enums§
- 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.
- 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.
- 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.