v150 · css · covered on mdn
Support 'path-length' as a CSS property.
A new CSS property, path-length, that maps to the existing SVG pathLength presentation attribute. It applies to the SVG geometry elements that support pathLength (<path>, <circle>, <rect>, <line>, <polyline>, <polygon>, <ellipse>) and lets the author's total-path-length value participate in the CSS cascade, specificity, transitions, and animations — affecting every computation that depends on total path length, including stroke dash rendering and text positioning along a <textPath>.
this feature is documented on MDN
MDN's reference covers the property in full — syntax, formal syntax, examples (including a path-length animation example), specifications, and browser compatibility (its formal-definition section exists but currently renders an upstream “Value not found in DB!” data gap) — including the rule that the CSS property overrides an element's pathLength attribute and the exact list of applicable SVG elements. gendn doesn't duplicate that here.
Why gendn doesn't duplicate MDN: this site exists for Chrome features that have no MDN reference yet. When MDN covers a feature completely, the honest page is a pointer to the canonical reference plus the shipping metadata MDN doesn't track — duplicated prose would only drift out of sync.
quick reference
| The change | The SVG pathLength presentation attribute is exposed to CSS as the path-length property, so it can be set from stylesheets and inline styles and driven by CSS transitions and animations; CSS declarations override the attribute per standard presentation-attribute precedence |
|---|---|
| Chrome status | Chrome 150 — Enabled by default (the milestone listing is authoritative); feature detail (ChromeStatus API record, accurate_as_of 2026-06-08): desktop + Android + WebView 150, status text “Proposed”. The blink-dev Intent to Ship estimated milestone 149 — the live listing files it under 150 |
| Flag / rollout | BCD records the property as Chrome 149 behind #enable-experimental-web-platform-features (chrome://flags/#enable-experimental-web-platform-features) and does not yet record a default-on milestone; the authoritative milestone listing files it as Chrome 150 enabled by default. Rollout carries the Finch kill switch SvgPathLengthCssProperty if compatibility issues emerge |
| Baseline | The CSS property form is Chrome-only today (limited availability): Mozilla's position request is open with no position taken, and WebKit's request was closed not-planned (labeled invalid — the closure comment asked for a re-file using WebKit's template); review discussion there separately raised, and left unresolved, whether the CSS WG had reviewed the syntax (a concern repeated after PR #1073's merge). The underlying SVG pathLength attribute is separate and Baseline widely available (the svg web-feature, which includes the attribute, reached wide availability 2022-07-15 per webstatus.dev) |
| Spec | SVG 2 (editor's draft) §9.6.2 — the 'path-length' property, added by w3c/svgwg PR #1073 (MERGED 2026-04-23) |
| MDN | path-length (CSS property) · pathLength (SVG attribute) |
| Tests | Ten tentative WPT files, landed via WPT PR #58280 — e.g. CSS overrides presentation attribute and zero-value handling |
| ChromeStatus | 4861677550043136 — Support 'path-length' as a CSS property. |
| Interactive demos | Chrome Platform Showcase — this feature: dash-progress · css-overrides-attribute · zero-edge-case (all HEAD-checked 200, 2026-07-26) |
references
- Chrome Platform Status — Support 'path-length' as a CSS property.
- SVG 2 §9.6.2 — the 'path-length' property (w3c/svgwg PR #1073, merged)
- MDN — path-length CSS property (canonical reference)
- blink-dev Intent to Ship thread
- w3c/svgwg issue #773 — Support pathLength via CSS (origin request)
- Chromium tracking bug 40670251
- Chrome Platform Showcase — interactive demos for this feature