首页 > web前端 > css教程 > css文本属性有哪些?css文本属性的总结

css文本属性有哪些?css文本属性的总结

不言
发布: 2018-08-13 09:42:32
原创
3550 人浏览过

本篇文章给大家带来的内容是关于css文本属性有哪些?css文本属性的总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

稍稍总结了下css文本的一些属性用法,自己忘记的时候也可以用来查查,不用去查网站那么麻烦。

下面是部分总结,也希望对其他人有用

文本修饰

(1)text-decoration:  文本修饰(横线)

4个属性值

overline   line-through   underline  blink

(1)overline

定义文本上的一条横线

(2)line-through

这个属性值时最有用的,一般商家降价促销后面的价格会用横线划去表示那是之前的价格

(3)一般标签会带由unline

要想去除就要设置text-decoration:none

(4)blink

文本闪烁,一般很少使用,只有在canvas中会使用,并且浏览器的支持度不高,只有火狐支持

另外:

还可以用text-decoration-color来修饰横线的颜色

(2)text-transform   字母大小写

5个属性值

capitalize   uppercase    lowercase   inhert   none

(1)capitalize

首字母大写

(2)uppercase和lowercase

大小写

(3)inhert

继承父元素的字母属性

(4)none

默认,没有任何效果

(3)text-overflow 定义文本超出范围的修饰

3个属性

clip  ellipsis    string

(1)clip

修剪文本

(2)ellipsis

用省略号来表示超出的文本

(3)string

用固定的字符来表示超出的文本

(4) text-shadow: h-shadow v-shadow blur color   文本阴影效果

3个属性值

(1)v-shadow    必需,水平阴影的位置,允许负值

(2)v-shadow    必需,垂直阴影的位置,允许负值

(3)blur     可选,模糊的距离

(4)color   可选,阴影的颜色

文本布局

(1)text-indent    文本缩进

3种属性值

length    %     inhert

(1)length

定义固定缩进,以像素为单位,默认值为0

(2)%

以父元素宽度的百分比为长度缩进

(3)inhert

继承父元素的缩进

(2)text-align    文本对齐

5种属性值

left   center  right  justify  inhert

(1)left和right

很少使用

(2)center

居中对齐

经常和line-height:父元素高度  一起使用使文本居中对齐

如果不添加line-height 属性,文本会偏在父元素的上方

(3)justify

文本两端对齐

相关推荐:

用CSS动态控制文本属性_CSS/HTML

css中文本换行属性word-wrap和white-space

以上是css文本属性有哪些?css文本属性的总结的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板