ContextQMD
Back to Content

CSS text

files/en-us/web/css/guides/text/index.md

latest2.5 KB
Original Source

The CSS text module defines how to perform text manipulation, like line breaking, justification and alignment, white space handling, and text transformation.

Reference

Properties

  • {{cssxref("hanging-punctuation")}}
  • {{cssxref("hyphenate-character")}}
  • {{cssxref("hyphenate-limit-chars")}}
  • {{cssxref("hyphens")}}
  • {{cssxref("letter-spacing")}}
  • {{cssxref("line-break")}}
  • {{cssxref("overflow-wrap")}} (and the word-wrap alias)
  • {{cssxref("tab-size")}}
  • {{cssxref("text-align")}}
  • {{cssxref("text-align-last")}}
  • {{cssxref("text-indent")}}
  • {{cssxref("text-justify")}}
  • {{cssxref("text-autospace")}}
  • {{cssxref("text-spacing-trim")}} {{Experimental_Inline}}
  • {{cssxref("text-transform")}}
  • {{cssxref("text-wrap")}}
  • {{cssxref("text-wrap-mode")}}
  • {{cssxref("text-wrap-style")}}
  • {{cssxref("white-space")}}
  • {{cssxref("white-space-collapse")}}
  • {{cssxref("word-break")}}
  • {{cssxref("word-spacing")}}

The specification also defines the hyphenate-limit-last, hyphenate-limit-lines, hyphenate-limit-zone, line-padding, text-align-all, text-group-align, text-spacing, white-space-trim, word-space-transform, wrap-after, wrap-before, and wrap-inside properties, which are not yet supported by any browser.

Guides

  • Wrapping and breaking text
    • : A guide to the various ways in which overflowing text can be managed in CSS.
  • Handling whitespace
    • : A guide introducing the various CSS properties that control the rendering of whitespace in the DOM, exploring the pitfalls and their mitigations.

Properties

  • {{cssxref("direction")}}
  • {{cssxref("font-feature-settings")}}
  • {{cssxref("initial-letter")}}
  • {{cssxref("orphans")}}
  • {{cssxref("text-combine-upright")}}
  • {{cssxref("text-orientation")}}
  • {{cssxref("text-overflow")}}
  • {{cssxref("text-size-adjust")}} {{Experimental_Inline}}
  • {{cssxref("unicode-bidi")}}
  • {{cssxref("widows")}}
  • {{cssxref("writing-mode")}}

Values

  • {{cssxref("min-content")}}
  • {{cssxref("max-content")}}

HTML

  • {{htmlelement("pre")}}
  • {{htmlelement("wbr")}}

Specifications

{{Specifications}}

See also