[csswg-drafts] [css-text] Make first-letter work with inline text (#11047)

r12a has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-text] Make first-letter work with inline text ==
It's currently possible to use ::first-letter only with block elements.  It would be useful to make it work for inline elements, too.

Example use case:

I've been developing an app to take information from a json database about family history and display it.  The occupation of Thomas Lakelin is stored as the string "silversmith at Matthew Boulton's Soho factory".  When displayed in the auto-generated summary (#1) no change is needed.  In the key points column (#2), the initial letter is uppercased using ::first-letter, no problem. But at the top of the page (#3) i want to use the same string in an inline context, but still uppercase the first letter.  To do so, i would need to resort to scripting.  It would be much cleaner if i could simply apply ::first-letter to the markup around that piece of text.

![lakelin_silversmith](https://github.com/user-attachments/assets/c0519130-ec0a-41a5-948b-28e7e9c0a975)



Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11047 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 18 October 2024 09:55:57 UTC