文本的样式

2019-12-15  本文已影响0人  栀心_d553

text-transform可以用来设置文本的大小写 

 可选值: none 默认值,该怎么显示就怎么显示,不做任何处理 capitalize 单词的首字母大写,通过空格来识别单词 

 uppercase 所有的字母都大写

 lowercase 所有的字母都小写




text-decoration可以用来设置文本的修饰

可选值:

none:默认值,不添加任何修饰,正常显示

underline 为文本添加下划线

overline 为文本添加上划线

line-through 为文本添加删除线





text-transform可以用来设置文本的大小写

可选值:

none 默认值,该怎么显示就怎么显示,不做任何处理

capitalize 单词的首字母大写,通过空格来识别单词

uppercase 所有的字母都大写

lowercase 所有的字母都小写


超链接会默认添加下划线,也就是超链接的text-decoration的默认值是underline

如果需要去除超链接的下划线则需要将该样式设置为none

text-decoration: none;


letter-spacing可以指定字符间距


word-spacing可以设置单词之间的距离,实际上就是设置词与词之间空格的大小



text-align用于设置文本的对齐方式

可选值:

left默认值,文本靠左对齐

right文本靠右对齐

center文本居中对齐

justify两端对齐

-通过调整文本之间的空格的大小,来达到一个两端对齐的目的




text-indent用来设置首行缩进

这个值一般都会使用em作为单位

当给它指定一个正值时,会自动向右侧缩进指定的像素

如果为它指定一个负值,则会向左移动指定的像素

通过这种方式可以将一些不想显示的文字隐藏起来


上一篇 下一篇

猜你喜欢

热点阅读