word-spacing (CSS property)

Spec
Inherited Initial Version
Yes normal CSS1, 2
Browser support (more…)
IE6+ FF1+ SA1.3+ OP9.2+ CH2+
Full Buggy Full Buggy Full

Syntax

word-spacing: { length | normal | inherit } ;

Description

The word-spacing property sets the extra spacing between words in the text content of an element.

Word spacing can be affected by text justification (see the text-align property).

When whitespace is preserved—see white-space—all space characters are affected by word spacing.

Example

This style rule adds half an em square of spacing between words in paragraph elements:

p {
  word-spacing: 0.5em;
}

Value

A length value specifies extra space to be inserted between words in addition to the default inter-word space.

Negative length values are legal but there may be browser specific limits.

A value of normal means no extra space will appear between words.

Compatibility

Internet Explorer Firefox Safari Opera Chrome
5.5 6.0 7.0 8.0 1.0 1.5 2.0 3.0 3.5 1.3 2.0 3.1 4.0 9.2 9.5 10.0 2.0
None Full Full Full Buggy Buggy Buggy Buggy Buggy Full Full Full Full Buggy Buggy Buggy Full

Internet Explorer for Windows versions up to and including 7 don’t support the value inherit.

In Firefox versions up to and including 3.5, and in Opera versions up to and including 10.0, the whitespace between adjacent inline child elements has a minimum width of zero (meaning negative values will have no effect).

Opera versions up to and including 10.0 will not allow any overlap of content when negative values are used.

User-contributed notes

There are no comments yet.

Related Products