CSS3的新增文本属性.pptVIP

CSS3的新增文本属性 主讲：丛浩 @LAMP兄弟连丛浩 conghao@ 本章内容 CSS12中的文本属性(W3C标准) CSS3 新增的文本属性 CSS3文本属性实例 CSS12中的文本属性 属性 版本 简介 text-indent CSS1 检索或设置对象中的文本的缩进 letter-spacing CSS1 检索或设置对象中的文字之间的间隔 word-spacing CSS1 检索或设置对象中的单词之间插入的空格数。 vertical-align CSS1/CSS2 设置或检索对象内容的垂直对其方式 white-space CSS1 设置或检索对象内空格的处理方式 direction CSS2 检索或设置文本流的方向 unicode-bidi CSS2 用于同一个页面里存在从不同方向读进的文本显示。与direction属性一起使用 line-height CSS1 检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离 CSS3 新增的文本属性 属性 版本 简介 text-overflow CSS3 设置或检索是否使用一个省略标记（...）标示对象内文本的溢出 text-align CSS1/CSS3 设置或检索对象中文本的对齐方式 text-transform CSS1/CSS3 检索或设置对象中的文本的大小写 text-decoration CSS1/CSS3 复合属性。检索或设置对象中的文本的装饰，如下划线、闪烁等 text-decoration-line CSS3 检索或设置对象中的文本装饰线条的位置。 text-decoration-color CSS3 检索或设置对象中的文本装饰线条的颜色。 text-decoration-style CSS3 检索或设置对象中的文本装饰线条的形状。 text-shadow CSS3 设置或检索对象中文本的文字是否有阴影及模糊效果 text-fill-color CSS3 设置或检索对象中的文字填充颜色 属性 版本 简介 text-stroke CSS3 复合属性。设置或检索对象中的文字的描边 text-stroke-width CSS3 设置或检索对象中的文字的描边厚度 text-stroke-color CSS3 设置或检索对象中的文字的描边颜色 tab-size CSS3 检索或设置对象中的制表符的长度 word-wrap CSS3 设置或检索当当前行超过指定容器的边界时是否断开转行 注意：先要事先引入css文件，例link rel=stylesheet type=text/css href= / text-overflow属性 作用：设定内容溢出状态下的文本处理方式。 取值： clip： 默认值 当对象内文本溢出时不显示省略标记（...），而是将 溢出的部分裁切掉。 ellipsis： 当对象内文本溢出时显示省略标记（...）。 注意:该属性需要和over-flow:hidden属性(超出处理)还有white-space:nowrap(禁止换行)配合使用，否则无法看到效果 text-align属性 作用:设定文本对齐方式 取值： left ：默认值 内容左对齐。 center：内容居中对齐。 right： 内容右对齐。 justify： 内容两端对齐。写本文档时仅Firefox能看到正确效果 start： 内容对齐开始边界。（CSS3） end： 内容对齐结束边界。（CSS3） text-transform属性 作用：设定文本的大小写等形式的转换 取值： none： 默认值 无转换 capitalize： 将每个单词的第一个字母转换成大写 uppercase： 转换成大写 lowercase： 转换成小写 full-width： 将左右字符设为全角形式（CSS3）不支持 full-size-kana：将所有小假名字符转换为普通假名（CSS3）不支持 例如：土耳其语。 text-decoration属性 作用：设定文本修饰线。 取值： [ text-decoration-line ]：不支持 指定文本装饰的种类。相当于CSS1时的text-decoration属性 [ text-decoration-style ]：不支持 指定文本装饰的样式。 [ text-decoration-color]：不支持 指定文本装饰的颜色。 blink： 指定文字的装饰是闪烁。 仅opera和firefox 例如:text-decoration : overline CSS1实例 text-decoration : #F00 double overline CSS3实例 备注：目前主要浏览器都没有实现上述属性，但是依然