1、word-wrap 允许对长的不可分割的单词进行分割并换行到下一行
2、word-break 规定非中日韩文本的换行规则
3、text-wrap 规定文本的换行规则
4、text-shadow 向文本添加阴影
5、text-overflow 规定当文本溢出包含元素时发生的事情
6、text-outline 规定文本的轮廓
7、text-justify 规定当 text-align 设置为 "justify" 时所使用的对齐方法
8、text-emphasis 向元素的文本应用重点标记以及重点标记的前景色
9、text-align-last 设置如何对齐最后一行或紧挨着强制换行符之前的行
10、punctuation-trim 规定是否对标点字符进行修剪
11、hanging-punctuation 规定标点字符是否位于线框之外
word-wrap:
浏览器支持:所有主流浏览器都支持该属性
语法:
word-wrap:normal | break-word
word-break:
浏览器支持:所有主流浏览器都支持该属性
语法:
word-break: normal|break-all|keep-all; // break-all:允许在单词内换行 ; keep-all:只能在半角空格或者连字符处换行
text-wrap:
浏览器支持:所有主流浏览器都不支持该属性
语法:
text-wrap: normal|none|unrestricted|suppress; // normal:只在允许的换行点进行换行; none:不换行;
// unrestricted:在任意两个字符间换行; suppress:压缩元素中的换行。浏览器只在行中没有其他有效换行点时进行换行
text-shadow:
浏览器支持:所有主流浏览器都支持该属性
语法:
text-shadow: h-shadow v-shadow blur color;
注释:text-shadow 属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表,每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0
text-overflow:
浏览器支持:所有主流浏览器都支持该属性
语法:
text-overflow: clip|ellipsis|string; // clip:修剪文本; ellipsis:显示省略号来代表被修剪的文本; string:使用给定的字符串来代表被修剪的文本
text-outline:
浏览器支持:所有主流浏览器都不支持该属性
语法:
text-outline: thickness blur color;
text-justify:
浏览器支持:只有Internet Explorer 支持 text-justify 属性
语法:
text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;
text-emphasis:
浏览器支持:所有主流浏览器都不支持该属性
语法:
text-emphasis: text-emphasis-style text-emphasis-color; //text-emphasis-style:向元素的文本应用重点标记; text-emphasis-color:定义重点标记的前景色
text-align-last:
浏览器支持:谷歌,IE,火狐,欧朋支持该属性
语法:
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
punctuation-trim:
浏览器支持:所有主流浏览器都不支持该属性
语法:
punctuation-trim: none|start|end|allow-end|adjacent;
hanging-punctuation:
浏览器支持:所有的主流浏览器都不支持该属性
语法:
hanging-punctuation: none|first|last|allow-end|force-end;
// none:不在文本整行的开头还是结尾的行框之外放置标签符号; first:标点附着在首行开始边缘之外; last:标点附着在首行结尾边缘之外
远近互联前端小王整理发布,希望能对学习技术的你有所帮助
远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务让客户通过网络品牌建立与网络传播提高业绩。