HTMLStyleElement: blocking property

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

The blocking property of the HTMLStyleElement interface is a string indicating that certain operations should be blocked on the fetching of critical subresources.

It reflects the blocking attribute of the <style> element.

Value

A string. Must be a space-separated list of blocking tokens listed below indicating the operations that are to be blocked:

render

The rendering of content on the screen is blocked.

Examples

html
<style id="el" blocking="render">
  p {
    color: blue;
  }
</style>
js
const el = document.getElementById("el");
console.log(el.blocking); // Output: "render"

Specifications

Specification
HTML Standard
# dom-style-blocking

Browser compatibility

BCD tables only load in the browser

See also