word-spacing

Summary

The word-spacing CSS property specifies spacing behavior between tags and words.

• Initial value normal
• Applies to all elements
• Inherited yes
• Percentages refer to the width of the affected glyph
• Media visual
• Computed value an optimum, minimum, and maximum value, each consisting of either an absolute length, a percentage, or the keyword normal
• Animatable yes, as a length
• Canonical order the unique non-ambiguous order defined by the formal grammar

Syntax

Formal syntax: normal | <length>

word-spacing: normal    /* Keyword value */
word-spacing: 3px       /* <length> values */
word-spacing: 0.3em

word-spacing: inherit

Values

normal

The normal inter-word space, as defined by the current font and/or the browser.

<length>

See <length> value for possible units.

Examples

The following CSS code:

#mozdiv1 {
  word-spacing: 15px;
}

#mozdiv2 {
  word-spacing: 5em;
}

will style two <div> tags containing text as shown here:

Specifications

Browser compatibility

See also

• Text-related properties: letter-spacing, text-align, text-decoration, text-decoration-color, text-decoration-line, text-decoration-style, text-rendering, text-shadow, text-transform, text-indent, white-space, word-spacing