CSS参考手册
Miscellaneous Level 1
字间距 | 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
正常字间距,由当前字体和/或浏览器定义。
<length>
除了由字体定义的固有的字间间距之外,还指定额外的间距。
<percentage>
指定额外间距作为受影响人物前进宽度的百分比。
形式语法
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) |
? |
? |
? |
Miscellaneous Level 1相关
层叠样式表( Cascading Style Sheets )是一种用来表现 HTML 或 XML 等文件样式的计算机语言。CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。