word-spacing

  • 版本:CSS1/3
  • 媒体:视觉
word-spacing属性在CSS文本中是比较常用的,本文将带你深入理解word-spacing属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上word-spacing的演示案例,希望能够对你有所帮助。

word-spacing的具体语法

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

默认值normal

适用于:所有元素

继承性:有

动画性:非normal值时

计算值:指定值

相关属性:[ letter-spacing ]

word-spacing的取值介绍

normal:
默认间隔
<length>
用长度值指定间隔。可以为负值。
<percentage>
用百分比指定间隔。可以为负值。(CSS3)

word-spacing的使用说明

检索或设置对象中的单词之间的最小,最大和最佳间隙。
  • 该属性将指定的间隔添加到每个单词(词内不发生)之后,但最后一个字将被排除在外。
  • 判断是否为单词的依据是单词间是否有空格。
  • 对应的脚本特性为wordSpacing

word-spacing的浏览器兼容性

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6.0-11.0 #1 1.0-25.0 #1 1.0-7.0 #1 1.0-31.0 #1 3.5-18.0 #1
  1. 不支持:<percentage>作为参数值。

word-spacing的完整演示案例

5. css文本效果

css1/css25.1 text-indent(文本缩进)语法:​text-indent:|​取值::用长度值指定文本的缩进。可以为负值。:用百分比指定文本的缩进。可以为负值。​注...2016年3月13日

CSS动态实现文本框清除按钮的隐藏与显示

但是长得略微粗糙了点,设计师同学接受不了。貌似不和谐了,咋办?传授个新技能,借助HTML以及CSS,来模拟清除按钮可动态呈现的搜索框。如下CSS:...2015年6月27日

width: 300px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;测试浏览器: IE6/7/8/9...2014年8月27日

div+css文本垂直居中

作用在使用它的块元素中的文字或者图片上。使得它们在水平方向上居中。这个属性只能作用于块元素(或者被CSS控制为块元素的内联元素...4月28日

-webkit-line-clamp:3;overflow:hidden;效果如图:适用范围:因使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端;注...2016年11月28日

1、TextColor颜色值属性被用来设置文字的颜色,颜色值通过CSS最经常指定:十六进制:#FF0000一个RGB值:RGB(255,0,0)颜色名称...2016年10月18日

CSS文本:属性描述color设置文本颜色direction设置文本方向。line-height设置行高。letter-spacing设置字符间距。text-align对齐元素中的文本...2015年1月31日

在CSS3详解的上一篇中我们讲到了transform的具体属性和用法,今天我们看一个相对简单的text-shadow。CSS3text-shadow是什么?text-shadow的含义是:文本的阴影...2015年3月3日

charset=gb2312"/>MB5Uul{width:300px;margin:50pxauto...2014年9月12日

div多行文本固定高度的垂直居中vertical-align属性只会对拥有valign特性的(x)HTML标签起作用,在css中有一个display属性可以模拟...2016年8月31日

在使用渐变时,需要配置后备background-color或者background-image属性,供不支持css3渐变的浏览器使用,css3渐变需要编码4个样式的声明...2014年10月28日

CSS技能篇: 环形文本

有时候有一些比较短的文本需要遵循环形路径显示。这种时候,CSS就弃我们而去了。没有任何CSS属性或功能可以完成这个效果...2016年7月21日

允许在字内换行word-break:normal;}强制英文单词断行div{word-break:break-all;}3.总结了一下,只要在CSS中定义了如下句子,可保网页不会再被撑开了...2015年1月8日

标题文件有50个汉字,而我们的列表可能只有300px的宽度。假如用标题截取函数,则标题不是完整的,假如我们用CSS样式text-overflow:ellipsis,输出的标题是完整的...2015年5月14日

平时常见的css文字属性有哪些??font-size:像素,字体大小,font-family:字体名称,设置字体名称font-style...2016年4月28日

发布于2014-10-30 17:44:06CSS文本:一、缩进文本1、text-indent属性:一般来说,可以为所有块级元素应用 text-indent,但无法将该属性应用于行内元素...2014年10月30日

==color:#ffffff; opacity : 0.8;text-align : right;}CSS的渐变:CSS是“渐进性增强”...2014年10月31日

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册