Other Text Properties

CSS text properties that don't belong elsewhere are listed here.

CSS Properties

text-transform

Transforms an element's text (usually to change its capitalization).

• none — don't transform text (default)
• capitalize — capitalize the first letter of each word
• uppercase — change all letters to UPPERCASE
• capitalize — change all letters to lowercase

<div id="text-transform-example">
  Lorem ipsum dolor sit amet
</div>

#text-transform-example {
  text-transform: capitalize;
}

text-rendering

Hints what to optimize for when rendering text.

• auto — let the browser decide (default)
• optimizeSpeed — optimize for speed (disables kerning and ligatures)
• optimizeLegibility — optimize for legibility (enables kerning and ligatures)
• geometricPrecision — optimize for geometric precision (may make some fonts look good when scaled to non-integer sizes)

References

• text-transform (MDN) — https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform
• text-rendering (MDN) — https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering