mozilla

word-spacing Redirect 1

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:

example.png

Specifications

Specification Status Comment
CSS Text Level 3 Working Draft Replace the previous values with a <spacing-limit> value that defines the same value, plus the <percentage> value and allows up to three values describing the optimum, minimum, and maximum value.
CSS Transitions Working Draft Defines visibility as animatable.
CSS Level 2 (Revision 1) Recommendation No change.
CSS Level 1 Recommendation Initial specification.

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 1.0 (1.7 or earlier) 6.0 3.5 1.0 (85)
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? ? ? ? ?

See also

Document Tags and Contributors

Contributors to this page: Sheppy
Last updated by: Sheppy,
Hide Sidebar