The text-transform property transforms text styling without affecting underlying content or copy-paste operations. Syntax: none | [capitalize | uppercase | lowercase] || full-width || full-size-kana | math-auto.h1 {
text-transform: uppercase;
}.title {
text-transform: capitalize full-width;
}noneThe default value. No transformation.capitalizeFirst typographic letter unit of each word in titlecase.uppercaseAll letters in uppercase.lowercaseAll letters in lowercase.full-widthAll typographic character units in fullwidth form (used in Japanese/Chinese text).full-size-kanaSmall Kana characters (e.g., ぁ, ぃ) converted to full-size equivalents (あ, い) — useful for ruby.math-autoMathematical character transformations per MathML Core (letters to math italic characters).CSS Text Module Level 4Editor's DraftW3CMDN
In the beginning God created the heavens and the earth.
Show all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
