text-transform
Specifies how to capitalize an element's text. It can be used to make text appear in all-caps, all-lowercase, or with each word capitalized.
Quick example
.heading {
text-transform: uppercase;
letter-spacing: 0.05em;
/* enforces all-caps for impact */
}Quick facts
Initial value
noneInherited
Yes
Applies to
all elements
Animation type
discrete
Values
nonecapitalizeuppercaselowercasefull-widthfull-size-kanamath-auto text-transform Browser Support
Widely available Since 2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
1+
1+
1+
12+