HTMLStyleElement: blocking property
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
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