龙空技术网

CSS3新增文本属性

前端似锦 78

前言:

现在大家对“前端设置文字属性”都比较注重,同学们都想要知道一些“前端设置文字属性”的相关资讯。那么小编在网络上网罗了一些关于“前端设置文字属性””的相关知识,希望兄弟们能喜欢,小伙伴们一起来学习一下吧!

CSS文本属性

white-space:对象内空格的处理方式

nowrap: 控制文本不换行

pre:空白会被浏览器保留

pre-line:合并空白 保留换行符

pre-wrap:保留空白 正常换行

direction:文本流的方向

lltr:文本从左向右

lrtl:文本从右往左

unicode-bidi:用于同一个页面里存在从不同方向读进的文本显示。与direction属性一起使用

CSS3新增文本属性

color:rgba();

text-overfolw:是否使用一个省略标记(...)标示对象内文本的溢出

text-align:文本的对齐方式

text-transform:文字的大小写

text-decration:文本的装饰线,复合属性

text-shadow:文本阴影

text-fill-color:文字填充颜色

text-stroke:复合属性。设置文字的描边

tab-size:制表符的长度

word-wrap:当前行超过指定容器的边界时是否断开转行

word-break:规定自动换行的处理方法

text-overflow:是否使用一个省略标记(...)标示对象内文本的溢出

clip: 默认值 无省略号

ellipsis:当对象内文本溢出时显示省略标记(...)。

注意:该属性需配合ver-flw:hidden属性(超出处理)还有 white-space:nwrap(禁止换行)配合使用,否则无法看到效果

text-align:文本的对齐方式

text-transform:文字的大小写

text-decration:文本的装饰线,复合属性(只火狐支持)

text-decration-line:指定文本装饰的种类。相当于CSS1时的text-decratin属性

text-decration-style :指定文本装饰的样式。

text-decration-color:指定文本装饰的颜色。

blink: 指定文字的装饰是闪烁。 pera和firefx

text-decration : #F00 duble verline CSS3实例

text-shadow:文本阴影

text-fill-color:文字填充颜色

text-stroke:复合属性。设置文字的描边

text-stroke-width:文字的描边厚度

text-stroke-color:文字的描边颜色

tab-size:制表符的长度

默认值为8(一个tab键的空格字节长度),在pre标签之内才会有显示

word-wrap:当前行超过指定容器的边界时是否断开转行

normal: 默认值

允许内容顶开或溢出指定的容器边界。

break-word:内容将在边界内换行。如果需要,单词内部允许断行

标签: #前端设置文字属性