v147 · CSS · demo
Computed Value Inspector
Choose a width/style property pair and inspect the value through both computedStyleMap() and getComputedStyle(). The border row highlights the subtle Chrome 147 contract: the computed value is decoupled, even when the resolved painting width is still 0px for border-style:none.
Live preview
preview
computedStyleMap()pending
getComputedStyle()pending
specified valuepending
interpretationpending
Applied CSS and API reads
/* loading */
property matrix
| Property | style:none computed value | style:none resolved value | What to use |
|---|
// Border computed value in Chrome 147+
const borderWidth = box.computedStyleMap().get('border-top-width');
// Border resolved/used value may still be 0px when border-style is none:
const paintedBorderWidth = getComputedStyle(box).borderTopWidth;references
- Transition Continuity — practical impact on CSS animations
- Back to feature index
- ChromeStatus entry
- CSS Backgrounds: border-width
- CSS UI: outline-width
- CSS Multi-column: column-rule-width
implementation reference
Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗