--- title: word-spacing slug: Web/CSS/word-spacing translation_of: Web/CSS/word-spacing ---

{{ CSSRef() }}

Summary

属性 word-spacing 用于声明标签和单词直接的间距行为。

{{cssinfo}}

Syntax

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

word-spacing: inherit;
 
 
 
 
 

Values

normal
正常的单词间距，由当前字体和/或浏览器定义。
<length>
通过指定具体的额外间距来增加字体的单词间距。查看 {{cssxref("<length>")}} 了解可用单位。
<percentage>
通过指定受影响字符的宽度的百分比的方式来增加的间距。

Formal syntax

How to read CSS syntax.

{{csssyntax("word-spacing")}}

Examples

以下 CSS 代码：

#mozdiv1 {
  word-spacing: 15px;
}

#mozdiv2 {
  word-spacing: 5em;
}
 
 
 
 
 
 
 

会为两个包含如下内容 {{ HTMLElement("div") }} 标签添加如下样式：

example.png

Specifications

Specification Status Comment
{{ SpecName('CSS3 Text', '#propdef-word-spacing', 'word-spacing') }} {{ Spec2('CSS3 Text') }} 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.
{{ SpecName('CSS3 Transitions', '#animatable-css', 'word-spacing') }} {{ Spec2('CSS3 Transitions') }} Defines word-spacing as animatable.
{{ SpecName('CSS2.1', 'text.html#propdef-word-spacing', 'word-spacing') }} {{ Spec2('CSS2.1') }} No change.
{{ SpecName('CSS1', '#word-spacing', 'word-spacing') }} {{ Spec2('CSS1') }} Initial specification.

Browser compatibility

{{Compat("css.properties.word-spacing")}}