CSS Text Transform

Build a text-transform keyword rule.

Outputs text-transform: none, uppercase, lowercase, or capitalize. Unlike CSS Font Weight this is case, not weight. Unlike CSS Letter Spacing this is not tracking. Copy the rule in this tab.

What CSS Text Transform does

Outputs text-transform: none, uppercase, lowercase, or capitalize. Unlike CSS Font Weight this is case, not weight. Unlike CSS Letter Spacing this is not tracking. Copy the rule in this tab.

CSS Text Transform sits in the Design group on purpose. It is not CSS Font Weight (Build a font-weight 100–900 rule.) and not CSS Letter Spacing (Build a letter-spacing em rule.). Choose this page when you need Build a text-transform keyword rule. If you stretch CSS Text Transform into a neighbor’s job, the result will look wrong even though the site chrome looks the same.

How to use CSS Text Transform

  1. Use CSS Text Transform for this design job (css text transform). CSS Font Weight is adjacent (Build a font-weight 100–900 rule.) but not the same.
  2. Add the file type CSS Text Transform accepts. Hint from the path: css text transform. Build a text-transform keyword rule.
  3. Set only the options that match CSS Text Transform. Neighbor CSS Letter Spacing does something else (Build a letter-spacing em rule.). Tool note: Outputs text-transform: none, uppercase, lowercase, or capitalize. Unlike CSS Font Weight this is case, not weight. Unlike CSS Letter Spacing this is not tracking. Copy the rule in this tab.
  4. Run CSS Text Transform in this tab. Browser memory still applies: none, uppercase, lowercase, or capitalize. CSS only. Copy in this tab.
  5. Download or copy the result from CSS Text Transform. If it is the wrong job, open CSS Font Weight instead.

When not to use CSS Text Transform

Skip CSS Text Transform when a neighbor tool matches better — start with CSS Font Weight or CSS Letter Spacing — or when the description already warns the job will fail. In the tool’s own words: Outputs text-transform: none, uppercase, lowercase, or capitalize. Unlike CSS Font Weight this is case, not weight. Unlike CSS Letter Spacing this is not tracking. Copy the rule in this tab.

Questions about CSS Text Transform

What does CSS Text Transform do that other Design pages on this site do not?
Outputs text-transform: none, uppercase, lowercase, or capitalize. Unlike CSS Font Weight this is case, not weight. Unlike CSS Letter Spacing this is not tracking. Copy the rule in this tab. Short version: Build a text-transform keyword rule.
Does CSS Text Transform upload my file or text to Tool-You servers?
No. CSS Text Transform runs in this browser tab. Files stay on the device. Limit note: none, uppercase, lowercase, or capitalize. CSS only. Copy in this tab.
Should I use CSS Font Weight instead of CSS Text Transform?
Use CSS Text Transform when you need Build a text-transform keyword rule. Use CSS Font Weight when you need Build a font-weight 100–900 rule. They share a category (Design) but not the same job.
What are the limits of CSS Text Transform?
none, uppercase, lowercase, or capitalize. CSS only. Copy in this tab. Also: Outputs text-transform: none, uppercase, lowercase, or capitalize. Unlike CSS Font Weight this is case, not weight. Unlike CSS Letter Spacing this is not tracking. Copy the rule in this tab.