text属性

Posted 星星**

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了text属性相关的知识,希望对你有一定的参考价值。

 

 

 --------------------------------------------------------------------------------

 对p标签进行样式的设置

text-justify:inter-word; 增加/减少单词的间隔只在IE及部分浏览器上支持

text-align: justify;两端对齐

text-align:auto; 浏览器自行决定算法

text-align:none;禁用齐行

text-align:用表意文本来排齐内容

-----------------------------------------------------------------------------------------

 

 

------------------------------------------------------------------------------------------- 

 

normal:默认属性
break-all:单词内换行(一个单词在剩余位置不够时 自动将单词拆开)
keep-all: 连词符处或者有半角空格换行;
word-break: break-all;规定非日韩文本的换行

word-wrap: break-word; 

允许对长的不可分割的单词进行强制分割换行

 

----------------------------------------------------------------- 

 


文本填充
color: pink;
需要使用前缀进行兼容
-webkit-text-fill-color:red; 文字的填充颜色


font-size: 30px;
-webkit-text-stroke:blue 1px;
-webkit-text-stroke:1px;
-moz-text-stroke-color:blue; 文字描边的颜色
-moz-text-stroke-width:1px; 文字描边的厚度
-moz-text-fill-color:red;

 -----------------------------------------------------------------------

该属性需要配合使用

over-flow:hidden  文本属性 超出处理 隐藏

white-space:nowrap  禁止换行 配合使用  否则无法看到效果

text-overflow:clip修剪文本

text-overflow:ellipsis  显示省略号来表示被修剪的文本

text-overflow:未完待续 ;     使用给定字符串来表示修剪的文本

----------------------------------------------------------------------------

文本阴影


moonlight shadow
水平方向的偏移量 (一般给1/-1)  垂直方向的偏移量  阴影的宽度 阴影的颜色
/*text-shadow:1px 1px 1px cyan; */

 

 

 

 

以上是关于text属性的主要内容,如果未能解决你的问题,请参考以下文章

text 创建属性,组属性

如何JS 去重并拼接属性内的值?

#yyds干货盘点#一次性解决text-justify,text-orientation等冷门属性文本属性

CSS3的字体样式属性,文本样式属性

一次性解决text-justify,text-orientation等冷门属性文本属性(下) (连载中)

QML::常用属性2