CSS——文本样式(text-indent,text-transform,text-decoration,text-justify)

尹何平
2023-12-01

text-indent——缩进元素中文本的首行
eg.
p {text-indent: 5em;}, text-indent 还可以设置为负值:p {text-indent: -5em;},
不过在为 text-indent 设置负值时要当心,如果对一个段落设置了负值,那么首行的某些文本可能会超出浏览器窗口的左边界。为了避免出现这种显示问题,建议针对负缩进再设置一个外边距或一些内边距:p {text-indent: -5em; padding-left: 5em;}

text-transform ——处理文本的大小写
none:不做处理
uppercase:全大写
lowercase:全小写
capitalize:搜字母大写

text-decoration ——文本装饰
none:不处理
underline:下划线
overline:上划线
line-through:穿透线
blink:文本闪烁

direction——设置文本的方向,是从左向右(默认)。还是从右向左

text-justify——可以使文本的两端都对齐。在两端对齐文本中,文本行的左右两端都放在父元素的内边界上。然后,调整单词和字母间的间隔,使各行的长度恰好相等。
注意:要先设置:text-align:justify之后才能设置text-justify的值
eg.
text-align:justify;
text-justify:inter-ideograph;
这样文本两端对齐,自动调节字体间距,保证两端不会留下空白

 类似资料: