css3文本属性

文本属性
text-ovrflow
作用：设定内容移出状态下的处理方式。
clip:（默认）当对象文本溢出时不显示省略标记（...) 
ellipsis:当对象内文本溢出时显示省略标记（...）
需要配合overflow:hidden(超出隐藏);white-space:nowrap（不换行）


使用
例：
p{width:100px;overflow:hidden;white-space:nowrap;text-


overflow:ellipsis}
内容超出100像素显示省略标记（...)
效果

你好朋友.....

注意：一定要设置超出隐藏和不换行两个属性。
text-align
left:默认值 内容左对齐 (center  right)
justify:内容两端对齐。
start:内容对齐开始边界。
end:内容对齐结束边界。
text-tranform
作用：设置文本的大小写等形式的转换
none:默认值无转换
capitallze：将每个单词的第一个字母转换成大写
uppercase：转换成大写
lowercase：转换成小写
full-width：将左右字符设为全角模式
full-size-kana：将所有小假名字符转换为普通假名
text-decotation属性
作用：设置文本修饰县
[text-decoration-line]
[text-decoration-style]
[text-decoration-color]
text-shadow属性
作用：设置文本阴影效果
p{color:red;font-size:40px;
text-shadow:10px 10px 3px green，5px 5px 3px red;
}//4个参数 水平移动，垂直移动，模糊程度（可不填），阴影颜色（


可不填）还可以设置多个阴影用,隔开继续写其他阴影
text-filr-color text-stroke 描边字
p{font-size:100px;
-webkit-text-fill-color:red;
-webkit-text-stroke:3px green;
/*私有前缀 IE -ms- 
谷歌 -webkit-
opera -o-
friefox -Gecko-
*/
}


p{font-size:100px;
/*浏览器私有前缀属性*/
-webkit-text-fill-color:red;
-webkit-text-stroke-color:blue;
-webkit-text-stroke-width:1px;
/*私有前缀 IE -ms- 
谷歌 -webkit-
opera -o-
friefox -Gecko-
*/
}//分开写
tab-size 设置tab键长度(默认值是8)
html处理不可见字符的时候通常忽略或者变成一个英文字符空格。若在


开头或结尾会忽略所有空格。在中间把连续空格变成一个英文空格。放


在

则可以显示所有不可见字符。

sdsd 
   ss

 
使用整型值 p{tab-size:8}
长度 p{tab-size:800px}//谷歌暂不支持长度定义
word-rap  
默认值(normal)单词长度超出范围
break-word 单词阶段分行