Hi,are you ready?

准备好开始了吗?
那就与我们取得联系吧

有一个网站项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您 给我们写信或是打电话,让我们听到你的声音!

Distance远近互联网络运营服务商

地 址:河北省石家庄市新华区华强广场7楼

电 话:14730427447

E-mail:815752879@qq.com

填写您的项目信息

css3新增的文本属性

发布时间:2020-11-07T12:09:39

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、微信运营的品牌整合营销服务让客户通过网络品牌建立与网络传播提高业绩。

【相关推荐】
返回列表
在线沟通

Are you interested in ?

  您感兴趣吗?

有关我们服务的更多信息,请联系

147 3042 7447 周经理

与我们合作

与远近互联合作,您将会得到更成熟的网络品牌建设服务。我们以客户至上,同时也相互挑战,力求呈现更好的网络品牌建设成果。

项目经理热线(周经理):

147 3042 7447

TOP

QQ客服

14730427447