text-transform
属性可以设置以下几种值:
none
:默认值,不对文本进行任何转换。capitalize
:将每个单词的首字母转换为大写。uppercase
:将文本中的所有字母转换为大写。lowercase
:将文本中的所有字母转换为小写。full-width
:将文本中的所有字符转换为全角字符。其中,capitalize
、uppercase
和lowercase
这三个值都是针对字母的转换,而full-width
则是将半角字符转换为全角字符,主要用于中文排版。
例如,对于以下CSS代码:
p {
text-transform: uppercase;
}
它会将<p>
标签中的所有文本内容都转换为大写字母。如果文本内容为Hello, World!
,那么在页面上就会显示为HELLO, WORLD!
。
需要注意的是,text-transform
只是一种视觉上的转换效果,并不会改变文本的实际值。因此,在使用text-transform
时,需要注意不要影响到文本的语义和可访问性。