v148 · removal · ua stylesheet · css
Border Cascade Tester
Change the page text color and watch table borders follow via currentColor in the Chrome 148 panel — while the Pre-148 panel stays locked to grey. The cascade trace shows exactly which rule wins at each step.
Text color (drives currentColor)
#0f172a
Background color
#ffffff
Quick themes:
Chrome 148 — border-color: inherited (currentColor)
| Product | Price | Stock |
|---|---|---|
| Widget A | $12.00 | 84 |
| Widget B | $7.50 | 210 |
| Widget C | $25.00 | 3 |
Pre-Chrome 148 — UA stylesheet forces gray border-color
| Product | Price | Stock |
|---|---|---|
| Widget A | $12.00 | 84 |
| Widget B | $7.50 | 210 |
| Widget C | $25.00 | 3 |
what changed in the cascade
Before Chrome 148, the UA stylesheet contained a rule equivalent to:
/* UA stylesheet (pre-Chrome 148) */
table, tr, td, th { border-color: gray; }
/* Chrome 148: this rule is gone.
border-color defaults to currentColor,
which inherits from the element's color property — as intended. */implementation reference
Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗