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 属性属于前端实例代码,有关更多实例代码大家可以查看。