⽂本标签的基本属性white-space: 设置元素中空⽩的处理⽅式
normal:默认处理⽅式。
pre:保留⽂本原来带的空格,当⽂字超出边界时不换⾏。
nowrap:不保留空格,强制在同⼀⾏内显⽰所有⽂本,直到⽂本结束或者碰到br标签
pre-wrap:保留空格,当⽂字碰到边界时换⾏
pre-line:不保留空格,保留⽂字的换⾏,当⽂字碰到边界时换⾏
direction: 规定⽂本的⽅向
ltr 默认,⽂本⽅向从左到右。
rtl ⽂本⽅向从右到左。
text-align: ⽂本的⽔平对齐⽅式
left
center
right
vertical-align: ⽂本所在⾏⾼的垂直对齐⽅式
baseline 默认
sub 垂直对齐⽂本的下标,和<sub>标签⼀样的效果
super 垂直对齐⽂本的上标,和<sup>标签⼀样的效果
text align centertop 对象的顶端与所在容器的顶端对齐
text-top 对象的顶端与所在⾏⽂字顶端对齐
middle 元素对象基于基线垂直对齐
bottom 对象的底端与所在⾏的⽂字底部对齐
text-bottom 对象的底端与所在⾏⽂字的底端对齐
text-indent: ⽂本⾸⾏缩进
⽤于⼀段⽂字⾸⾏缩进,例:text-indent:30px;
letter-spacing: 添加字母之间的空⽩
设置字母之间的距离,例:letter-spacing:5px;表⽰各字母之间相距5px。
word-spacing: 添加每个单词之间的空⽩
值为数值型,单位px。
text-transform: 属性控制⽂本的⼤⼩写
capitalize ⽂本中的每个单词以⼤写字母开头。
uppercase 定义仅有⼤写字母,全部转化为⼤写字母。
lowercase 定义仅有⼩写字母,全部转化为⼩写字母。
text-overflow: ⽂本溢出样式通常与overflow:hidden⼀起使⽤
clip 修剪⽂本。
ellipsis 显⽰省略符号...来代表被修剪的⽂本。
text-decoration: ⽂本的修饰
none 去掉下下划线/上线/删除线。
underline 下划线。
overline 上划线。
line-through 中线。
text-shadow:⽂本阴影
第⼀个参数是左右位置
第⼆个参数是上下位置
第三个参数是虚化效果
第四个参数是颜⾊
text-shadow: 5px 5px 5px #888;
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论