v147 · CSS · Computed Values
Width/Style Invariant Test
Runs live invariants for the Chrome 147 width/style decoupling update. Border tests use computedStyleMap() for the computed value and also show the getComputedStyle() used-value edge; outline and column-rule tests verify their resolved values through getComputedStyle().
live invariant tests
Each row sets a width and a style, then checks the relevant browser API for this feature. The border rows are not failures when getComputedStyle().borderTopWidth is 0px; that is the used painting width after border-style:none collapses the border.
| Case | API checked | Expected | Actual | Verdict |
|---|
Running tests...
interactive explorer
what changed
const el = document.createElement('div');
el.style.borderTopWidth = '8px';
el.style.borderTopStyle = 'none';
// Chrome 147 computed value:
el.computedStyleMap().get('border-top-width').toString(); // "8px"
// Used/resolved painting width can still be collapsed:
getComputedStyle(el).borderTopWidth; // "0px"references
implementation reference
Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗