字间距 | 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) | ? | ? | ? |
