- From: jenli358 via GitHub <noreply@w3.org>
- Date: Sun, 10 May 2026 12:06:05 +0000
- To: public-css-archive@w3.org
jenli358 has just created a new issue for https://github.com/w3c/csswg-drafts: == New valid elements for the text-transform property == Hello. I am an eleven-year-old junior web developer. I noticed that it would be useful to have more possible text transformations that are valid in CSS. # What are they? I've got a couple in mind. You can use some of them, I'm fine with not all of them being chosen. They are: - alternating-upper (Hello world! --> HeLlO wOrLd!) - alternating-lower (Hello World! --> hElLo WoRlD!) - inverse (Hello WORLD! --> hELLO world!) - random (Hello world! --> hELlo wORlD if the character code of the character + char index in string modulo 2 is 0, invert its case) - title (basically capitalize but smart, it doesn't capitalize conjunctions or articles, harry potter and the philosopher's stone --> Harry Potter and the Philosopher's Stone) - sentence (hello! how are you? --> Hello! How are you?) - camelcase (variable number one --> variableNumberOne) - pascalcase (variable number one --> VariableNumberOne) - snakecase (variable number one --> variable_number_one (if you do text-transform: uppercase, snakecase it becomes: VARIABLE_NUMBER_ONE)) - kebabcase (variable number one --> variable-number-one (if you do text-transform: uppercase, kebabcase it becomes: VARIABLE-NUMBER-ONE)) - traincase (variable number one --> Variable-Number-One) - flatcase (Variable number-one_yeah --> variablenumberoneyeah) - dotcase (Variable number one --> variable.number.one, can also be used with uppercase) These transformations should use Unicode-aware word segmentation and locale-aware casing behavior. Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13908 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Sunday, 10 May 2026 12:06:06 UTC