Text-spacing - Property CSS

Description of the text-spacing property..

Page under construction.

The property text-spacing is a short hand for both the text-spacing-trim and text-autospace properties.

Other properties specific to CJK languages.

font-variant-east-asian :

Typography specific to Chinese or Japanese characters.

overflow-wrap :

Word breaking for CJK languages and a few others.

text-autospace :

Defines the space between adjacent characters (usable for CJK languages).

text-spacing :

Short hand property for text-spacing-trim and text-autospace. Groups character spacing information for CJK languages.

text-spacing-trim :

Sets the spacing around CJK punctuation characters.

word-wrap :

Word breaking for CJK languages and a few others.

Values for text-spacing.

• text-spacing: none;

  Reset the properties to their initial values: normal for text-spacing-trim and normal for text-autospace.

• text-spacing: auto;

  Sets the values of text-spacing-trim and text-autospace to 0.

• text-spacing: space-first ideograph-numeric;

  The first value is that of text-spacing-trim and the second is that of text-autospace. If either of the two values is not specified, it is set to the initial value of the property.

  Refer to the text-spacing-trim and {textAutospace->link} properties for more information on the accepted values.

• text-spacing: initial; (normal) text-spacing: inherit; text-spacing: revert; text-spacing: revertLayer; text-spacing: unset;

  Common values ​​are presented on these pages: initial, inherit, revert, revert-layer, unset.

Simulator.

Browsers compatibility with text-spacing.

The text-spacing property is not currently supported by any browser (2025).

Historic of the text-spacing property.

• CSS Text Module Level 4

  This level 4 of this specification module describes the properties that affect typographic rules: text alignment and justification, word or character spacing, hyphenation rules, etc.
  Compared to level 3, several new properties have been added, particularly concerning line breaks, hyphenation, spacing before and/or after the text, etc.

  Regarding text-spacing. First presentation of the text-spacing property.
  

  September 22, 2015

  Working Draft.

  

  

  

Voir aussi, au sujet des manipulations de texte.

The CSS specifications published by the W3C are organized into modules. The property text-spacing is part of the CSS Text Module module. The following definitions are also described in this same module.

Properties:

⚠

hanging-punctuation

Sets suspended punctuation (characters allowed to overflow into the margin).

hyphenate-character

Defines the character that will be used as a hyphenation mark.

⚠

hyphenate-limit-chars

Sets the minimum number of characters to allow hyphenation of a word.

⚠

hyphenate-limit-last

Defines whether hyphenation is allowed at the end of a column, page, and so on.

⚠

hyphenate-limit-lines

Sets the maximum number of successive lines ending in a hyphenation

⚠

hyphenate-limit-zone

Sets the maximum number of spaces to allow or disallow hyphenation.

hyphens

Defines whether words can be hyphenated at the end of a line. The hyphenation of the words gives a more pleasant layout but can be annoying in some cases.

letter-spacing

Sets the letter Spacing.

line-break

Defines line breaks for the CJK languages (Chinese, Japanese, Korean).

⚠

line-padding

Adds a space at the beginning and end of lines.

overflow-wrap

Word breaking for CJK languages and a few others.

tab-size

Définit la taille des caractères de tabulation.

text-align

Specifies how the element's text should be aligned.

⚠

text-align-all

Defines the alignment of the lines of a text (synonym for text-align).

text-align-last

Sets the alignment of the last line of paragraphs.

⚠

text-autospace

Defines the space between adjacent characters (usable for CJK languages).

text-indent

Defines the indentation of the first line of paragraphs.

⚠

text-justify

Select the method used to justify the text: spacing between words or between letters.

✗

text-space-collapse

Defines how to handle spaces and multiple spaces in text.

✗

text-space-trim

Defines whether spaces at the beginning and end of the element's text should be kept or removed.

Text-spacing

Short hand property for text-spacing-trim and text-autospace. Groups character spacing information for CJK languages.

⚠

text-spacing-trim

Sets the spacing around CJK punctuation characters.

text-transform

Sets the text case (lowercase, uppercase, small caps...).

⚠

text-wrap

Defines the handling of text wraps.

text-wrap-mode

Defines whether newlines are allowed in a container.

text-wrap-style

Defines how line breaks will be made.

white-space

Defines how multiple spaces and carriage returns are restored.

white-space-collapse

Defines how successive spaces and newlines should be treated.

⚠

white-space-trim

⚠

word-boundary-detection

✗

word-boundary-expansion

word-break

⚠

word-space-transform

Normalize the spacing characters (CJK writings).

word-spacing

word-wrap

Word breaking for CJK languages and a few others.

⚠

wrap-after

Allows or does not allow line breaks after the box.

⚠

wrap-before

Autorise ou non les sauts de lignes avant la boite.