CSS3的新增文本属性.ppt

CSS3的新增文本属性 主讲 丛浩 LAMP兄弟连丛浩conghao 本章内容 CSS1 2中的文本属性 W3C标准 CSS3新增的文本属性CSS3文本属性实例 CSS1 2中的文本属性 CSS3新增的文本属性 注意 先要事先引入css文件 例 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 overlineCSS1实例text decoration F00doubleoverlineCSS3实例备注 目前主要浏览器都没有实现上述属性 但是依然可以使用CSS1的实例方式 text decoration line属性 作用 设定文本修饰线的位置 取值 none 默认值指定文字无装饰underline 指定文字的装饰是下划线overline 指定文字的装饰是上划线line through 指定文字的装饰是贯穿线备注 目前大部分浏览器未实现该属性 text decoration color属性 作用 设定文本修饰线的颜色取值 指定颜色 备注 目前大部分浏览器未实现该属性 text decoration style属性 作用 设定文本修饰线的样式 取值 solid 默认值实线double 双线dotted 点状线条dashed 虚线wavy 波浪线备注 目前大部分浏览器未实现该属性 text shadow属性 作用 设定文本的阴影效果取值 none 默认值无阴影 第1个长度值用来设置对象的阴影水平偏移值 可以为负值 第2个长度值用来设置对象的阴影垂直偏移值 可以为负值 如果提供了第3个长度值则用来设置对象的阴影模糊值 不允许负值0 不模糊 10px 模糊程度10像素设置对象的阴影的颜色 text fill color属性 作用 文本填充颜色 指定文字填充部分的颜色取值 颜色 备注 使用该属性需要使用浏览器似有前缀 text stroke属性 作用 文本边框颜色 指定文字描边部分的颜色取值 text stroke width 设置或检索对象中的文字的描边厚度 text stroke color 设置或检索对象中的文字的描边颜色 备注 使用该属性需要使用浏览器似有前缀 text stroke width属性 作用 指定文字描边部分的宽度 text stroke的派生属性取值 长度 备注 使用该属性需要使用浏览器似有前缀 text stroke color属性 作用 指定文字描边部分的颜色 text stroke的派生属性取值 颜色 备注 使用该属性需要使用浏览器似有前缀 实例 描边字效果 描边字效果 实例 镂空字效果 镂空字效果 tab size属性 作用 设定一个tab缩进键 在页面中的显示长度 取值 默认值 长度或者整数值整数值 z index 1此处的1就是整数值 不需要单位 类似倍数 长度 margin 10px此处的10px是长度值 注意 该属性只在标签之内 预格式化状态 显示才会有效 因为浏览器会自动忽略空白字符 opera和火狐浏览器需要使用浏览器私有前缀 word wrap属性 作用 溢出文本 特指类英文文字 的处理方式 取值 normal 默认值允许内容顶开或溢出指定的容器边界 break word 内容将在边界内换行 如果需要 单词内部允许断行