CSS letter-spacing 属性

快乐打工仔 分类:实例代码

该属性将指定的间隔添加到每个文字(包括单词内的每个字母)之后。

不能被应用于一行的开始和结束。

语法结构:

letter-spacing:normal | <length> | <percentage>

参数解析:

(1).normal:默认值,实际值是0。

(2).length:用长度值指定间隔。可以为负值。

浏览器支持:

(1).IE浏览器支持此属性。

(2).edge浏览器支持此属性。

(3).谷歌浏览器支持此属性。

(4).火狐浏览器支持此属性。

(5).opera浏览器支持此属性。

(6).safria浏览器支持此属性。

实例代码:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>犀牛前端部落</title>
<style type="text/css">
div {
  letter-spacing:30px;
}
</style>
</head>
<body>
<div>犀牛前端部落欢迎您</div>
</body>
</html>

上面设置字符之间的间距为30px,可以为负值,大家可以自行测试。

CSS letter-spacing 属性,这样的场景在实际项目中还是用的比较多的,关于CSS letter-spacing 属性就介绍到这了。

CSS letter-spacing 属性属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容