📜  CSS | word-spacing 属性(1)

📅  最后修改于: 2023-12-03 14:40:18.893000             🧑  作者: Mango

CSS | word-spacing 属性

简介

word-spacing 属性控制字母之间的间距,它可以使字母之间的间距增加或减少,从而改变字母的排列方式。

语法
word-spacing: normal|length|initial|inherit;
  • normal:默认值,使用浏览器的默认间距;
  • length:指定间距的长度值,可以是正负长度值;
  • initial:将属性值设置为它的默认值;
  • inherit:从父元素继承属性值。
示例
p {
  word-spacing: 5px;
}

以上代码将段落元素中的字母间距设置为 5px。

h1 {
  word-spacing: -2px;
}

以上代码将标题元素中的字母间距设置为 -2px,即让字母更紧密地排列。

注意事项
  • word-spacing 属性只会影响单词内的字母排列方式,不会影响单词之间的间距。
浏览器兼容性
  • IE: 4.0+
  • Firefox:1.0+
  • Chrome:1.0+
  • Safari:1.0+
  • Opera:3.5+
总结

word-spacing 属性是用来控制字母之间的间距,可以为网页排版提供更丰富的样式效果。不过需要注意的是,它只对单词内的字母排列方式进行改变。