您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

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

2025/5/1 4:17:24发布6次查看
本篇文章给大家带来的内容是关于css文本属性有哪些?css文本属性的总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
稍稍总结了下css文本的一些属性用法,自己忘记的时候也可以用来查查,不用去查网站那么麻烦。
下面是部分总结,也希望对其他人有用
文本修饰
(1)text-decoration:  文本修饰(横线)
4个属性值
overline   line-through   underline  blink
(1)overline
定义文本上的一条横线
(2)line-through
这个属性值时最有用的,一般商家降价促销后面的价格会用横线划去表示那是之前的价格
(3)一般<a>标签会带由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文本属性的总结的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product