Skip to: content, navigation

word-spacing (CSS property)

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

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.

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

Compatibility

Internet Explorer Firefox Safari Opera
5.5 6.0 7.0 1.0 1.5 2.0 1.3 2.0 3.0 9.2 9.5
None Full Full Buggy Buggy Buggy Full Full Full Buggy Buggy

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

In Firefox versions up to and including 2, and in Opera versions up to and including 9.5, the whitespace between inline child elements has a minimum width of zero.

User-contributed notes

There are no comments yet.

Add a note

To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.

Related Products

Search