css letter-spacing字符间距

时间:2016-07-06
css letter-spacing属性增加或减少字符间的空白(字符间距),本文章向大家介绍css letter-spacing属性使用方法和基本使用实例,需要的朋友可以参考一下。

CSS使用letter-spacing属性定义字符间距,所有主流浏览器都支持letter-spacing属性。

 

css letter-spacing介绍

letter-spacing控制的是字符间距,每一个中文文字作为一个“字”,而每一个英文字母也作为一个“字”!大家要细心留意一下。

默认情况下,letter-spacing我们几乎都用不上,我们直接采用浏览器默认样式就可以了。大家完全可以忽略掉这个属性。

注意:IE7和更早的版本不支持"inherit"的值。IE8需要定义!DOCTYPE。IE9支持"inherit"。

letter-spacing语法:

letter-spacing:值;

letter-spacing属性值:

描述
normal 默认。规定字符间没有额外的空间。
length 定义字符间的固定空间(允许使用负值)。
inherit 规定应该从父元素继承 letter-spacing 属性的值。

在WEB开发中,我们一般采用像素做单位。

 

css letter-spacing实例

设置为h1和h2元素的字母间距:

<!DOCTYPE html>
<html>
<head>
<style>
h1 {letter-spacing:2px;}
h2 {letter-spacing:-3px;}
</style>
</head>

<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
</body>
</html>

在线运行

上一页 下一页

原文地址:http://www.manongjc.com/article/1157.html