CSS
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.
Types
CSS style coming from animations with the name of the animation.
CSS container query rule descriptor.
CSS font-palette-values rule representation.
CSS function conditional block representation.
Section of the body of a CSS function rule.
CSS function argument representation.
CSS function at-rule representation.
CSS keyframe rule representation.
CSS keyframes rule representation.
CSS Layer at-rule descriptor.
CSS Layer data.
CSS media rule descriptor.
CSS @position-try rule representation.
CSS property declaration data.
Representation of a custom property registration through CSS.registerProperty
CSS property at-rule representation.
CSS rule representation.
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.
CSS Scope at-rule descriptor.
CSS Starting Style at-rule descriptor.
CSS style representation.
CSS stylesheet metainformation.
CSS Supports at-rule descriptor.
CSS try rule representation.
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.
Fires whenever a web font is updated. A non-empty font parameter indicates a successfully loaded web font.
Inherited CSS style collection for animated styles from ancestor node.
Inherited pseudo element matches from pseudos of an ancestor node.
Inherited CSS rule collection from ancestor node.
Media query descriptor.
Media query expression descriptor.
Information about amount of glyphs that were rendered with given font.
CSS rule collection for a single pseudo style.
Match data for a CSS rule.
Selector list data.
Text range within a resource. All numbers are zero-based.
Specificity: https://drafts.csswg.org/selectors/#specificity-rules
A descriptor of operation to mutate style declaration text.
Fired whenever an active document stylesheet is added.
Fired whenever a stylesheet is changed as a result of the client operation.
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.
Fired whenever an active document stylesheet is removed.
Data for a simple selector (these are delimited by commas in a selector list).
Properties
Fires whenever a web font is updated. A non-empty font parameter indicates a successfully loaded web font.
Fires whenever a MediaQuery result changes (for example, after a browser window has been resized.) The current implementation considers only viewport-dependent media features.
Fired whenever an active document stylesheet is added.
Fired whenever a stylesheet is changed as a result of the client operation.
Fired whenever an active document stylesheet is removed.
Functions
Inserts a new rule with the given ruleText
in a stylesheet with given styleSheetId
, at the position specified by location
.
Returns all class names from specified stylesheet.
Creates a new special "via-inspector" stylesheet in the frame with given frameId
.
Disables the CSS agent for the given page.
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.
Ensures that the given node will have specified pseudo-classes whenever its style is computed by the browser.
Ensures that the given node is in its starting-style state.
Returns the styles coming from animations & transitions including the animation & transition styles coming from inheritance chain.
Returns the computed style for a DOM node identified by nodeId
.
Returns the styles defined inline (explicitly in the "style" attribute and implicitly, using DOM attributes) for a DOM node identified by nodeId
.
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.
Given a CSS selector text and a style sheet ID, getLocationForSelector returns an array of locations of the CSS selector in the style sheet.
Returns requested styles for a DOM node identified by nodeId
.
Returns all media queries parsed by the rendering engine.
Requests information about platform fonts which we used to render child TextNodes in the given node.
Returns the current textual content for a stylesheet.
Resolve the specified values in the context of the provided element. For example, a value of '1em' is evaluated according to the computed 'font-size' of the element and a value 'calc(1px + 2px)' will be resolved to '3px'. If the propertyName
was specified the values
are resolved as if they were property's declaration. If a value cannot be parsed according to the provided property syntax, the value is parsed using combined syntax as if null propertyName
was provided. If the value cannot be resolved even then, return the provided value without any changes.
Modifies the expression of a container query.
Find a rule with the given active property for the given node and set the new value for this property
Modifies the keyframe rule key text.
Enables/disables rendering of local CSS fonts (enabled by default).
Modifies the rule selector.
Modifies the property rule property name.
Modifies the rule selector.
Modifies the expression of a scope at-rule.
Sets the new stylesheet text.
Applies specified style edits one after another in the given order.
Modifies the expression of a supports at-rule.
Enables the selector recording.
Stop tracking rule usage and return the list of rules that were used since last call to takeCoverageDelta
(or since start of coverage instrumentation).
Polls the next batch of computed style updates.
Obtain list of rules that became used since last call to this method (or since start of coverage instrumentation).
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.
Starts tracking the given node for the computed style updates and whenever the computed style is updated for node, it queues a computedStyleUpdated
event with throttling. There can only be 1 node tracked for computed style updates so passing a new node id removes tracking from the previous node. Pass undefined
to disable tracking.