Contact [email protected], [email protected] ExplainerNone
Specificationhttps://drafts.csswg.org/css-inline/#initial-letter-styling Design docs https://bit.ly/3KzJ27G Summary Initial letters are large, decorative letters have been used to start new sections of text since before the invention of printing. In fact, their use predates lowercase letters entirely. Blink will support CSS property "initial-letter". Blink componentBlink>Layout>Inline <https://bugs.chromium.org/p/chromium/issues/list?q=component:Blink%3ELayout%3EInline> TAG reviewNot applicable TAG review statusNot applicable Risks Interoperability and Compatibility Chrome supports full syntax of `initial-letter`: 1 `initial-letter:` number 2 `initial-letter:` number integer 3.`initial-letter:` number `drop` 4.`initial-letter:` number `raise` However Safari supports: 1. `-webkit-initial-letter:` integer 2. `-webkit-initial-letter:` integer integer So, web authors need to use Safari compatible syntax. *Gecko*: In development ( https://bugzilla.mozilla.org/show_bug.cgi?id=1223880) No active development since 2017. *WebKit*: Shipped/Shipping (https://bugs.webkit.org/show_bug.cgi?id=229090) Needs to use the prefix version `-webkit-initial-letter`. Supports only an integer size. No `drop` and `raise` keyword support. *Web developers*: No signals *Other signals*: It’s implemented only in Safari, but the usage is high. - * 40.2% usage ratio according to CSS2021 Usage Overview <https://2021.stateofcss.com/en-US/features/#features_overview>. - * 23.9% have used it according to CSS2021 Typography features <https://2021.stateofcss.com/en-US/features/typography/#initial_letter>. WebView application risks Does this intent deprecate or change behavior of existing APIs, such that it has potentially high risk for Android WebView-based applications? No. Goals for experimentation The goal for the experiment is to seek feedback about this feature and observe no crash and no performance regression. Reason this experiment is being extended N/A Ongoing technical constraints N/A Debuggability As other CSS properties. Will this feature be supported on all six Blink platforms (Windows, Mac, Linux, Chrome OS, Android, and Android WebView)?Yes, Is this feature fully tested by web-platform-tests <https://chromium.googlesource.com/chromium/src/+/main/docs/testing/web_platform_tests.md> ?Yes, DevTrial instructionshttps://output.jsbin.com/basukanebo/1 Flag nameCSSInitialLetter Requires code in //chrome?False Tracking bughttps://bugs.chromium.org/p/chromium/issues/detail?id=1276900 Estimated milestones No milestones specified Link to entry on the Chrome Platform Status https://chromestatus.com/feature/5167442033115136 Links to previous Intent discussionsIntent to prototype: https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CABJ-EHNMC29gEMkgopMJFW6LfWCCuxXmC0F%2BRPpOuM%3Dznbo5LQ%40mail.gmail.com This intent message was generated by Chrome Platform Status <https://chromestatus.com/>. -- You received this message because you are subscribed to the Google Groups "blink-dev" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CABJ-EHPFVLa-frSXmjhbK97L%3D8eh7ZeS6Uap3BiSNfksDicdHA%40mail.gmail.com.
