Contact emails
Explainer
Spec
TAG review
The review has a broader scope than just the 4 properties added here. None of the reported issues were related to these properties though.
Summary
Support the flow-relative Corner Rounding properties following CSS Logical Properties and Values spec. Specifically, the following logical properties are included:
- border-start-start-radius
- border-start-end-radius
- border-end-start-radius
- border-end-end-radius
The flow-relative Corner Rounding properties (border-*-radius) will allow to set top-left, bottom-left, top-right and bottom-right box corners with logical mappings rather than physical.
Is this feature supported on all six Blink platforms (Windows, Mac, Linux, Chrome OS, Android, and Android WebView)?
Yes
Demo link
Debuggability
It's just 4 new CSS properties that will appear in DevTools as any other property.
Measurement
There'll be use counters for the new properties (as it happens for every CSS property).
Risks
Interoperability and Compatibility
Firefox already supports these properties, and we're planning to implement these in WebKit too.
Ergonomics
These properties will be used together with writing-mode and direction.
Activation
Just like using any other CSS property.
Is this feature fully tested by web-platform-tests? Link to test suite results from wpt.fyi.
Yes
The tests related to sideways-lr and sideways-rl will fail, as these are not supported in Chromium yet (https://crbug.com/680331)
Tracking bug
Entry on the feature dashboard