text-transform
The text-transform property specifies the transformation of text.
Formal Syntax
none | [capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-autoJavaScript Access
// Access via element.style
element.style.textTransform = 'none';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| text-transform | 1 | 1 | 1 | 12 |
| capitalize | 1 | 1 | 1 | 12 |
| dutch_ij_digraph | — | 14 | — | — |
| full-size-kana | — | 64 | 17 | — |
| full-width | — | 19 | 17 | — |
| greek_accented_characters | 34 | 15 | — | 79 |
| lowercase | 1 | 1 | 1 | 12 |
| lowercase_sigma | 30 | 14 | 6 | 12 |
| math-auto | 109 | 117 | — | 109 |
| none | 1 | 1 | 1 | 12 |
| turkic_is | 31 | 14 | 8 | 12 |
| uppercase | 1 | 1 | 1 | 12 |
| uppercase_eszett | 1 | 1 | 1 | 18 |
Related Properties
- alignment-baseline
- baseline-shift
- baseline-source
- color
- dominant-baseline
- hanging-punctuation
- hyphenate-character
- hyphenate-limit-chars
- hyphens
- initial-letter
- letter-spacing
- line-break
- line-clamp
- line-height
- orphans
- overflow-wrap
- quotes
- ruby-align
- ruby-overhang
- ruby-position
- tab-size
- text-align
- text-align-last
- text-anchor
- text-autospace
- text-box
- text-box-edge
- text-box-trim
- text-indent
- text-justify
- text-overflow
- text-rendering
- text-wrap
- text-wrap-mode
- text-wrap-style
- vertical-align
- white-space
- white-space-collapse
- widows
- word-break
- word-spacing
- text-size-adjust 🧪
- text-spacing-trim 🧪
- hyphenate-limit-last 🚧
- hyphenate-limit-lines 🚧
- hyphenate-limit-zone 🚧
- initial-letter-align 🚧
- initial-letter-wrap 🚧
- line-fit-edge 🚧
- line-grid 🚧
- line-height-step 🚧
- line-padding 🚧
- line-snap 🚧
- ruby-merge 🚧
- text-align-all 🚧
- text-group-align 🚧
- text-spacing 🚧
- white-space-trim 🚧
- word-space-transform 🚧
- word-wrap 🚧