码迷,mamicode.com
首页 > Web开发 > 详细

H5css3的文本属性

时间:2019-05-07 19:39:09      阅读:696      评论:0      收藏:0      [点我收藏+]

标签:解释   bre   一个   pac   单词   style   sha   的区别   bsp   

  1. 文本属性 text

Text-align

Text-decoration

Text-indent 文本缩进

Text-shadow 文本阴影

Text-shadow:x轴偏移距离 y轴上偏移距离 r阴影范围 color 阴影的颜色;

Xy可以为负数 x为负 向左偏 y为负 向上偏

Text-overflow  文本溢出 怎么显示内容

Text-overflow:ellipsis; 超出的以省略号形式显示出来

但是这个属性必须配合overflow:hidden;white-space:nowrap;一起使用

三者都不能少

Text-justify:

Justify 对齐 一般是两端对齐

Text-wrap:规定文本的换行规则

浏览器不支持

Word-wrap:break-word

Word-break:break-word;

浏览器对于英文单词,是这样解释的,如果单词之间没有空格,浏览器就会默认这是一个单词,即使超出了默认不换行,加了这两个属性中的任何一个,一旦单词超了,即使是一个单词也要换行。

  1. box-shadow 给元素周边添加阴影,和text-shadow的用法相同。

4.浏览器的区别

移动端,安卓内置chrome浏览器,不需要考虑一些兼容性。但是再pc上考虑。

C3的这些新增属性ie,火狐等不兼容,因为各个浏览器内核不一样,针对这种内核,c3给元素属性前面加上对应的前缀比如

Ie   -ms-text-shadow{}

Chrome  -webkit-text-shadow

Firefox   -moz-text-shadow

opera   -o-text-shadow

H5css3的文本属性

标签:解释   bre   一个   pac   单词   style   sha   的区别   bsp   

原文地址:https://www.cnblogs.com/txf-123/p/10827395.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!