Styl definiuje wielkość liter, bez względu na to, jakie są aktualnie używane. Należy uważać przy stosowaniu z polskimi znakami, ponieważ niektóre z nich są traktowane jako separator wyrazów i efekt może wyglądać mało ciekawie.

WARTOŚCI

• none - CSS: 2.1, 2.0, 1.0

bez zmian, wartość domyślna

• capitalize - CSS: 2.1, 2.0, 1.0

pierwszy znak wyrazu z dużej litery

• uppercase - CSS: 2.1, 2.0, 1.0

duże litery

• lowercase - CSS: 2.1, 2.0, 1.0

małe litery

• inherit - CSS: 2.1, 2.0

przejęcie wartości "rodzica", np. text-transform: inherit;

Przykład 1:

Przykładowy tekst, w którym:
<br /><span style="text-transform: capitalize;">
- część wyrazów obejmuje wartość capitalize</span>.
<br /><span style="text-transform: lowercase;">
- część WYRAZÓW OBEJMUJE wartość lowercase</span>.
<br /><span style="text-transform: uppercase;">
- część wyrazów obejmuje wartość uppercase</span>.

Przykład 2:

<style type="text/css"><!--
pre, strong { text-transform: uppercase; }
.male { text-transform: lowercase; }
--></style>