文本的大小写- text-transform
取值说明
- none:无转换
- capitalize:将每个单词的第一个字母转换成大写
- uppercase:将每个单词转换成大写
- lowercase:将每个单词转换成小写
- full-width:将所有字符转换成fullwidth形式。如果字符没有相应的fullwidth形式，将保留原样。这个值通常用于排版拉丁字符和数字等表意符号
示例
无转换
转换前:hello world!
转换后: hello world!
首字母大写
转换前:hello world!
转换后: hello world!
全部大写
转换前:hello world!
转换后: hello world!
全部小写
转换前:hello world!
转换后: hello world!
full-width(在Firefox中才能看到效果)
转换前:hello world!
转换后: hello world!
兼容性
full-width只有Firefox兼容
需要注意的点
-
font-variant属性也可以转换大小写，当font-variant设置未small-caps时可以将文本设置成小型的大写字母，样式展现并不一样。