word-spacing

Summary

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

Initial value	`normal`
Applies to	all elements. It also applies to `::first-letter` and `::first-line`.
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

/* Keyword value */
word-spacing: normal;

/* <length> values */
word-spacing: 3px;
word-spacing: 0.3em;

/* <percentage> values */
word-spacing: 50%;
word-spacing: 200%;

/* Global values */
word-spacing: inherit;
word-spacing: initial;
word-spacing: unset;

Values

normal: The normal inter-word space, as defined by the current font and/or the browser.
<length>: Specifies extra spacing in addition to the intrinsic inter-word spacing defined by the font. See <length> value for possible units.
<percentage>: Specifies the additional spacing as a percentage of the affected character’s advance width.

Formal syntax

normal | <length-percentage>where 
<length-percentage> = <length> | <percentage>

Example

HTML

<div id="mozdiv1">Here are many words...</div>
<div id="mozdiv2">...and many more!</div>

CSS

#mozdiv1 {
  word-spacing: 15px;
}

#mozdiv2 {
  word-spacing: 5em;
}

Specifications

Specification	Status	Comment
CSS Text Level 3 The definition of 'word-spacing' in that specification.	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 The definition of 'word-spacing' in that specification.	Working Draft	Defines `word-spacing` as animatable.
CSS Level 2 (Revision 1) The definition of 'word-spacing' in that specification.	Recommendation	No change
CSS Level 1 The definition of 'word-spacing' in that specification.	Recommendation	Initial definition

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)
Percentages	No support	45.0 (45.0)	No support	No support	?

Feature	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	?	No support	?	?	?
Percentages	?	45.0 (45.0)	?	?	?

word-spacing

Summary

Syntax

Values

Formal syntax

Example

HTML

CSS

Specifications

Browser compatibility

Tag Dokumen dan Kontributor