用css属性letter-spacing调整字间距
来源:百度文库 编辑:神马文学网 时间:2024/04/29 10:33:52
调整字体间距一直是头疼的问题,用CSS属性letter-spacing可以很好的调整字间距,该属性定义了在文本字符框之间插入多少空间。并允许使用负值,这会让字母之间挤得更紧。
字间距属性letter-spacing定义
letter-spacing 属性增加或减少字符间的空白。
该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。因此,normal 就相当于值为 0。
代码实例:
word
{
letter-spacing: 10px
}
word
{
letter-spacing: -0.5px
}
JavaScript修改字间距
CSS 属性也可通过一段 JavaScript 被动态地改变。
object.style.letterSpacing="13px"
注:
如果是英文的话,可以使用利用word-spacing设置词间距属性。
字间距属性letter-spacing定义
letter-spacing 属性增加或减少字符间的空白。
该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。因此,normal 就相当于值为 0。
代码实例:
word
{
letter-spacing: 10px
}
word
{
letter-spacing: -0.5px
}
JavaScript修改字间距
CSS 属性也可通过一段 JavaScript 被动态地改变。
object.style.letterSpacing="13px"
注:
如果是英文的话,可以使用利用word-spacing设置词间距属性。
用css属性letter-spacing调整字间距
CSS属性篇(一):css属性列表
CSS 背景属性
CSS属性含义
常用CSS属性
CSS margin 属性
CSS边框风格属性
CSS margin 属性
CSS 属性组
CSS 属性组
CSS中的!important属性
css常用属性
CSS display 属性
CSS属性篇(二):字体属性
CSS属性篇(四):边框属性
CSS属性篇(五):文本属性
CSS属性篇(六):定位属性
CSS属性篇(七):分类属性
CSS属性篇(八):布局属性
CSS属性篇(九):鼠标属性
巧用CSS的Border属性
css中的margin属性详解
css中cursor属性详解
巧用CSS的Border属性