字间距 | word-spacing

字间距

该word-spacing CSS属性指定标签和文字之间的间距行为。

/* 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;

Initial value	normal
应用对象	all elements. It also applies to ::first-letter and ::first-line.
是否可继承	yes
百分比值	refer to the width of the affected glyph
媒体	visual
计算值	an optimum, minimum, and maximum value, each consisting of either an absolute length, a percentage, or the keyword normal
动画类型	a length
规范顺序	the unique non-ambiguous order defined by the formal grammar

语法

值

normal正常字间距，由当前字体和/或浏览器定义。

形式语法

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

例子

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;
}

规范

Specification	Status	Comment
CSS Text Module Level 3The definition of 'word-spacing' in that specification.	Working Draft	Replaces the previous values with a <spacing-limit> value that defines the same thing, plus the <percentage> value. Allows up to three values describing the optimum, minimum, and maximum value.
CSS TransitionsThe 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 1The definition of 'word-spacing' in that specification.	Recommendation	Initial definition.

浏览器兼容性

Feature	Chrome	Edge	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	1.0	(Yes)	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	Edge	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	?	(Yes)	No support	?	?	?
Percentages	?	?	45.0 (45.0)	?	?	?