Closed r12a closed 3 years ago
Are we going to add these to the relevant sections (Ethiopic, Korean (Hangul), Urdu (Arabic?))?
Or should we add a new section for all vendor-specific experimental/nonstandard styles?
My plan was to add to the appropriate sections – otherwise it gets complicated because it's hard to draw the line between vendor-specific and not. It also makes it easier to find them, if you're looking for alternatives for a given language/script. I was, however, planning to add notes to the sections mentioning that native support for these appears to be Chrome specific, although i've yet to test them on other browsers.
Here are interactive tests for each of the styles above. In each case, we are testing whether the browser recognises the style name when used in list-style-type: <style_name>
, ie. whether the browser has built-in support for that name. Only Blink does.
I will, nonetheless, add these styles to the Ready-made Counter-styles document, since some people may want to use them on other browsers.
ethiopic-halehame-ti-er https://w3c.github.io/i18n-tests/exploratory/vanilla?text=%3Cstyle%3E%0Aol%20%7B%20padding%3A%200%202em%3B%20list-style-type%3A%20ethiopic-halehame-ti-er%3B%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Col%3E%0A%3Cli%3Eone%3C%2Fli%3E%0A%3Cli%3Etwo%3C%2Fli%3E%0A%3Cli%3Ethree%3C%2Fli%3E%0A%3Cli%3Efour%3C%2Fli%3E%0A%3Cli%3Efive%3C%2Fli%3E%0A%3Cli%3Esix%3C%2Fli%3E%0A%3Cli%3Eseven%3C%2Fli%3E%0A%3Cli%3Eeight%3C%2Fli%3E%0A%3C%2Fol%3E&fontSize=36&width=500&height=500 Supported on: Chrome & Safari
ethiopic-halehame-ti-et https://w3c.github.io/i18n-tests/exploratory/vanilla?text=%3Cstyle%3E%0Aol%20%7B%20padding%3A%200%202em%3B%20list-style-type%3A%20ethiopic-halehame-ti-et%3B%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Col%3E%0A%3Cli%3Eone%3C%2Fli%3E%0A%3Cli%3Etwo%3C%2Fli%3E%0A%3Cli%3Ethree%3C%2Fli%3E%0A%3Cli%3Efour%3C%2Fli%3E%0A%3Cli%3Efive%3C%2Fli%3E%0A%3Cli%3Esix%3C%2Fli%3E%0A%3Cli%3Eseven%3C%2Fli%3E%0A%3Cli%3Eeight%3C%2Fli%3E%0A%3C%2Fol%3E&fontSize=36&width=500&height=500 Supported on: Chrome & Safari
The following styles are non-standard counter styles supported by Chrome. They should be added to the document.
Source is https://chromium.googlesource.com/chromium/src/+/2414b7d5dfb36d3e747aefa2d842e1e9133dc0bf/third_party/blink/renderer/core/css/predefined_counter_styles.css