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.
It is documented as part of the CSS Text, MathML specification.
Syntax
/* Usage Example */
.heading {
text-transform: uppercase;
letter-spacing: 0.05em;
/* enforces all-caps for impact */
}
/* Syntax */
text-transform: none;
text-transform: capitalize;
text-transform: uppercase;
text-transform: lowercase;
text-transform: full-width;
text-transform: full-size-kana;
text-transform: math-auto;
/* Global values */
text-transform: inherit;
text-transform: initial;
text-transform: revert;
text-transform: revert-layer;
text-transform: unset;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.
1+
1+
1+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more