v148 · CSS · UA stylesheet
Authoring Studio
Pick a text colour, background, and border style. The live tables update instantly — Chrome 148's left panel uses zero border-color declarations while the right simulates the pre-148 grey UA override. Copy the generated production CSS when you're happy.
Theme controls
Text colour
#000000
Background
#fdfcf8
Border width
1px
Chrome 148 — currentColor (no border-color)
| Product | Q1 | Q2 | Q3 |
|---|---|---|---|
| Widget A | 142 | 167 | 189 |
| Widget B | 98 | 112 | 134 |
| Widget C | 203 | 198 | 211 |
Pre-148 — UA forces border-color: gray
| Product | Q1 | Q2 | Q3 |
|---|---|---|---|
| Widget A | 142 | 167 | 189 |
| Widget B | 98 | 112 | 134 |
| Widget C | 203 | 198 | 211 |
/* generated CSS will appear here */
see also
- currentColor Table — basic demo
- Dark Mode Borders — theme switching
- Compatibility Lab — CSS.supports() probe
- Edge Case Gallery — stress tests
implementation reference
Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗